aboutsummaryrefslogtreecommitdiffstats
path: root/apps
diff options
context:
space:
mode:
authorChristopher Ng <chrng8@gmail.com>2023-06-05 17:28:19 -0700
committerChristopher Ng <chrng8@gmail.com>2023-06-06 08:47:57 -0700
commit27f9154594411225ec438735983058b28e756844 (patch)
treea5b7bb70f4869a714c61811d5eac87c679d8fb14 /apps
parent187ff8358476e53cdd34a45843dbf2f0eb427ed9 (diff)
downloadnextcloud-server-27f9154594411225ec438735983058b28e756844.tar.gz
nextcloud-server-27f9154594411225ec438735983058b28e756844.zip
enh(theming): Info contrast
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps')
-rw-r--r--apps/theming/css/default.css1
-rw-r--r--apps/theming/lib/Themes/DarkTheme.php5
-rw-r--r--apps/theming/lib/Themes/DefaultTheme.php8
3 files changed, 11 insertions, 3 deletions
diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css
index 4b6c7cd6099..e4f0652472d 100644
--- a/apps/theming/css/default.css
+++ b/apps/theming/css/default.css
@@ -32,6 +32,7 @@
--color-info: #006aa3;
--color-info-rgb: 0,106,163;
--color-info-hover: #3287b5;
+ --color-info-text: #006aa3;
--color-loading-light: #cccccc;
--color-loading-dark: #444444;
--color-box-shadow-rgb: 77,77,77;
diff --git a/apps/theming/lib/Themes/DarkTheme.php b/apps/theming/lib/Themes/DarkTheme.php
index 0d40bda6b09..5500bae3b6d 100644
--- a/apps/theming/lib/Themes/DarkTheme.php
+++ b/apps/theming/lib/Themes/DarkTheme.php
@@ -62,6 +62,7 @@ class DarkTheme extends DefaultTheme implements ITheme {
$colorError = '#e9322d';
$colorWarning = '#c28900';
$colorSuccess = '#3fa857';
+ $colorInfo = '#006aa3';
return array_merge(
$defaultVariables,
@@ -98,6 +99,10 @@ class DarkTheme extends DefaultTheme implements ITheme {
'--color-success-rgb' => join(',', $this->util->hexToRGB($colorSuccess)),
'--color-success-hover' => $this->util->mix($colorSuccess, $colorMainBackground, 60),
'--color-success-text' => $colorSuccess,
+ '--color-info' => $colorInfo,
+ '--color-info-rgb' => join(',', $this->util->hexToRGB($colorInfo)),
+ '--color-info-hover' => $this->util->mix($colorInfo, $colorMainBackground, 60),
+ '--color-info-text' => $this->util->lighten($colorInfo, 9),
// used for the icon loading animation
'--color-loading-light' => '#777',
diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php
index 432dc900182..e73b2c03fda 100644
--- a/apps/theming/lib/Themes/DefaultTheme.php
+++ b/apps/theming/lib/Themes/DefaultTheme.php
@@ -112,6 +112,7 @@ class DefaultTheme implements ITheme {
$colorError = '#e9322d';
$colorWarning = '#c28900';
$colorSuccess = '#3fa857';
+ $colorInfo = '#006aa3';
$variables = [
'--color-main-background' => $colorMainBackground,
@@ -154,9 +155,10 @@ class DefaultTheme implements ITheme {
'--color-success-rgb' => join(',', $this->util->hexToRGB($colorSuccess)),
'--color-success-hover' => $this->util->mix($colorSuccess, $colorMainBackground, 60),
'--color-success-text' => $this->util->darken($colorSuccess, 10),
- '--color-info' => '#006aa3',
- '--color-info-rgb' => join(',', $this->util->hexToRGB('#006aa3')),
- '--color-info-hover' => $this->util->mix('#006aa3', $colorMainBackground, 60),
+ '--color-info' => $colorInfo,
+ '--color-info-rgb' => join(',', $this->util->hexToRGB($colorInfo)),
+ '--color-info-hover' => $this->util->mix($colorInfo, $colorMainBackground, 60),
+ '--color-info-text' => $colorInfo,
// used for the icon loading animation
'--color-loading-light' => '#cccccc',