diff options
author | Marco Ambrosini <marcoambrosini@proton.me> | 2024-07-31 17:28:12 +0200 |
---|---|---|
committer | Marco Ambrosini <marcoambrosini@proton.me> | 2024-07-31 20:01:41 +0200 |
commit | 9855485b0dbe292315068ca90b3193fcbdbb5df7 (patch) | |
tree | 95224e35bfde99c9f14ba2b43a32df4d5f53c232 /apps/theming | |
parent | b17508adf5f881c47e5c07256b2deee98f240442 (diff) | |
download | nextcloud-server-9855485b0dbe292315068ca90b3193fcbdbb5df7.tar.gz nextcloud-server-9855485b0dbe292315068ca90b3193fcbdbb5df7.zip |
feat: add small font size variable
This is needed to create a bit more hyerarchy between more important
and less important text. For example for the talk conversation
description in the header or in NcListItem's "subname"
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
Diffstat (limited to 'apps/theming')
-rw-r--r-- | apps/theming/css/default.css | 1 | ||||
-rw-r--r-- | apps/theming/lib/Themes/DefaultTheme.php | 1 |
2 files changed, 2 insertions, 0 deletions
diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css index c742f05fba0..97d8a6e2eee 100644 --- a/apps/theming/css/default.css +++ b/apps/theming/css/default.css @@ -49,6 +49,7 @@ --color-border-maxcontrast: #7d7d7d; --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; + --font-size-small: 13px; /* 1.5 x font-size for accessibility */ --default-line-height: 1.5; --animation-quick: 100ms; diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index 47f9904207d..ca4df747421 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -160,6 +160,7 @@ class DefaultTheme implements ITheme { '--font-face' => "system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", '--default-font-size' => '15px', + '--font-size-small' => '13px', // 1.5 * font-size for accessibility '--default-line-height' => '1.5', |