Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/nextcloud/server.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJoas Schilling <coding@schilljs.com>2022-08-08 13:56:31 +0300
committerJoas Schilling <coding@schilljs.com>2022-08-08 13:56:31 +0300
commit05d034a6dad7eeac19244621157689476887875d (patch)
tree1995658325a7f70188d5e23c45f4c91d9c4f2bea /apps/theming
parentfe2f8b5d189cbcda8c4f197197169a6e015d6622 (diff)
Allow to invert when on bright
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'apps/theming')
-rw-r--r--apps/theming/css/default.css1
-rw-r--r--apps/theming/lib/Themes/DarkTheme.php1
-rw-r--r--apps/theming/lib/Themes/DefaultTheme.php1
3 files changed, 3 insertions, 0 deletions
diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css
index 262af7a3b83..fb541b7aca9 100644
--- a/apps/theming/css/default.css
+++ b/apps/theming/css/default.css
@@ -58,4 +58,5 @@
--breakpoint-mobile: 1024px;
--primary-invert-if-bright: no;
--background-invert-if-dark: no;
+ --background-invert-if-bright: invert(100%);
}
diff --git a/apps/theming/lib/Themes/DarkTheme.php b/apps/theming/lib/Themes/DarkTheme.php
index bcf4bf695d4..dd894635751 100644
--- 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-dark' => $this->util->lighten($colorMainBackground, 14),
'--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 c822b3052ce..2908d365a4a 100644
--- a/apps/theming/lib/Themes/DefaultTheme.php
+++ b/apps/theming/lib/Themes/DefaultTheme.php
@@ -188,6 +188,7 @@ class DefaultTheme implements ITheme {
// other theme with media queries
'--primary-invert-if-bright' => $this->util->invertTextColor($this->primaryColor) ? 'invert(100%)' : 'no',
'--background-invert-if-dark' => 'no',
+ '--background-invert-if-bright' => 'invert(100%)',
];
// Register image variables only if custom-defined