summaryrefslogtreecommitdiffstats
path: root/apps/theming
diff options
context:
space:
mode:
authorMarco Ambrosini <marcoambrosini@proton.me>2024-07-31 17:28:12 +0200
committerMarco Ambrosini <marcoambrosini@proton.me>2024-07-31 20:01:41 +0200
commit9855485b0dbe292315068ca90b3193fcbdbb5df7 (patch)
tree95224e35bfde99c9f14ba2b43a32df4d5f53c232 /apps/theming
parentb17508adf5f881c47e5c07256b2deee98f240442 (diff)
downloadnextcloud-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.css1
-rw-r--r--apps/theming/lib/Themes/DefaultTheme.php1
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',