This Nicolium 2.00 patch: a. Isn't suitable [yet] for upstream. b. Might be useful, with changes, to others. This patch tries to implement or support 4 goals: 1. Increase default font sizes. 2. Add a little padding inside the post border [when the border is visible]. 3. Try to prevent the font size from jumping when a post is focused. This change is only partly successful. 4. Change the color of the border around focused posts from red [which the author finds distracting] to blue. --- nicolium-git.old/packages/nicolium/src/styles/layout.scss +++ nicolium-git/packages/nicolium/src/styles/layout.scss @@ -11,6 +11,37 @@ html { height: 100%; } +/*Adjust global body post size safely using percentages */ +html { + /* font-size: 103.125%; */ + /* font-size: 104%; */ + font-size: 5mm; +} + +body { + /* Try to make font sizes more consistent in different */ + /* contexts. This change needs work. */ + --font-size-lg: 1rem !important; + --font-size-xl: 1rem !important; + --text-lg: 1rem !important; + --text-xl: 1rem !important; +} + +/* Modify sidebar columns to increase font size. */ + +aside, +nav, +[class*="sidebar"], +[data-component*="sidebar"] { + font-size: 0.95rem !important; + + /* Cascades the scale uniformly down through navigation */ + /* button/link nodes */ + a, button, span { + font-size: 0.95rem !important; + } +} + html:has(body.with-modals), body.with-modals { touch-action: none; @@ -1911,3 +1942,15 @@ body { } } } + +.status:focus, +.status:focus-within, +.focusable:focus, +[focusable="true"]:focus, +.status.is-active, +.status.active, +.detailed-status { + outline: 2px solid #3b82f6 !important; + border-color: #3b82f6 !important; padding: 3mm; + box-shadow: none !important; +} ==== end of sub -patch ==== --- nicolium-git.old/packages/nicolium/src/pages/settings/preferences/appearance.tsx +++ nicolium-git/packages/nicolium/src/pages/settings/preferences/appearance.tsx @@ -213,7 +213,7 @@ const AppearancePreferences: React.FC = ({ [settings.theme?.interfaceSize, settings.locale], ); const interfaceSizeValueText = - interfaceSizeValueTitles[INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize ?? 'md')]; + interfaceSizeValueTitles[INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize ?? 'xl')]; const borderRadiusIntensityValueTitles = React.useMemo( () => [ @@ -296,7 +296,7 @@ const AppearancePreferences: React.FC = ({ >