From 9855485b0dbe292315068ca90b3193fcbdbb5df7 Mon Sep 17 00:00:00 2001 From: Marco Ambrosini Date: Wed, 31 Jul 2024 17:28:12 +0200 Subject: [PATCH] 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 --- apps/theming/css/default.css | 1 + apps/theming/lib/Themes/DefaultTheme.php | 1 + 2 files changed, 2 insertions(+) diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css index c742f05fba013..97d8a6e2eeebf 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 47f9904207d7b..ca4df747421c2 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -160,6 +160,7 @@ public function getCSSVariables(): array { '--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',