diff --git a/style.css b/style.css
index f8890f1d2e13185dd311b483d22a33d9e7c7a3de..090f1838317d5c59dabc2330c9631ed4a352cedd 100644
--- a/style.css
+++ b/style.css
@@ -18,8 +18,8 @@
  * this file will serve as a template for customization.
  */
 
-/* Default Nextcloud (v25) theme variables and colors */:root
-{
+/* Default Nextcloud (v25) theme variables and colors */
+:root, [data-theme-light] {
     --main-color: var(--color-main-text);
     --main-bg-color: var(--color-main-background);
     --main-bg-image: none;
@@ -201,7 +201,7 @@
     --color-primary-drop:rgba(0, 0, 0, 0.12);
 }
 
-body.theme--dark {
+body[data-themes="dark"] , body[data-themes="dark-highcontrast"] {
     --main-color: var(--color-main-text);
     --main-bg-color: var(--color-main-background);
     --main-bg-image: none;