Add new border color variable for increased contrast

Signed-off-by: Christopher Ng <chrng8@gmail.com>
(cherry picked from commit 24ffe328452e0e247017894ea9d49944470fd2bc)

diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css
index 0d3f3402fce87cbbee8b2ebe087b46647390a1f2..5e8cd6b985dcb8c15d80191de5f517868413c50b 100644 (file)
--- a/apps/theming/css/default.css
+++ b/apps/theming/css/default.css
@@ -32,6 +32,7 @@
   --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5);
   --color-border: #ededed;
   --color-border-dark: #dbdbdb;
+  --color-border-maxcontrast: #949494;
   --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   --default-font-size: 15px;
   --animation-quick: 100ms;

diff --git a/apps/theming/lib/Themes/DarkTheme.php b/apps/theming/lib/Themes/DarkTheme.php
index ecd4c7d3fd69a117cf4eb203e8b6a634e8910361..588f8f5a8a69e982370c2d07ffb201bf51f4cd0f 100644 (file)
--- a/apps/theming/lib/Themes/DarkTheme.php
+++ b/apps/theming/lib/Themes/DarkTheme.php
@@ -91,6 +91,7 @@ class DarkTheme extends DefaultTheme implements ITheme {
 
                                '--color-border' => $this->util->lighten($colorMainBackground, 7),
                                '--color-border-dark' => $this->util->lighten($colorMainBackground, 14),
+                               '--color-border-maxcontrast' => $this->util->lighten($colorMainBackground, 30),
 
                                '--background-invert-if-dark' => 'invert(100%)',
                                '--background-invert-if-bright' => 'no',

diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php
index 94b71eb9d12a862bb2dcffcf768a5f55f53041fc..167b3c05f625635defaea73c6ff50c64efb3208d 100644 (file)
--- a/apps/theming/lib/Themes/DefaultTheme.php
+++ b/apps/theming/lib/Themes/DefaultTheme.php
@@ -157,6 +157,7 @@ class DefaultTheme implements ITheme {
 
                        '--color-border' => $this->util->darken($colorMainBackground, 7),
                        '--color-border-dark' => $this->util->darken($colorMainBackground, 14),
+                       '--color-border-maxcontrast' => $this->util->darken($colorMainBackground, 42),
 
                        '--font-face' => "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
                        '--default-font-size' => '15px',