Initial attempt to get something working

.gitignore

@@ -2,3 +2,4 @@
 /node_modules
 /vendor
 /.php_cs.cache
+css/*.map

Makefile

@@ -25,6 +25,12 @@ stylelint:
 stylelint-fix:
 	npm run stylelint:fix
 
+watch:
+	npm run watch
+
+build:
+	npm run build
+
 appstore:
 	rm -rf $(build_directory)
 	mkdir -p $(sign_directory)

appinfo/info.xml

@@ -36,7 +36,7 @@ Please note that you need the Accessibility app enabled in Nextcloud to access t
 
 Under the Theming section in the admin settings you can add your own custom styling to the theme. Only standard CSS can be used. This custom styling will be applied whenever the theme is enabled and only affects the Breeze Dark theme.
     ]]></description>
-    <version>24.0.2</version>
+    <version>25.0.0</version>
     <licence>agpl</licence>
     <author mail="mw@mwalbeck.org" homepage="https://github.com/mwalbeck/nextcloud-breeze-dark">Magnus Walbeck</author>
     <namespace>BreezeDark</namespace>
@@ -45,7 +45,7 @@ Under the Theming section in the admin settings you can add your own custom styl
     <bugs>https://github.com/mwalbeck/nextcloud-breeze-dark/issues</bugs>
     <screenshot>https://raw.githubusercontent.com/mwalbeck/nextcloud-breeze-dark/master/screenshot.png</screenshot>
     <dependencies>
-        <nextcloud min-version="24" max-version="24"/>
+        <nextcloud min-version="25" max-version="25"/>
     </dependencies>
     <settings>
         <personal>OCA\BreezeDark\Settings\Personal</personal>

css/variables/_color-variables.scss

@@ -4,7 +4,7 @@
  * @license GNU AGPL version 3 or any later version, see COPYING file for more.
  */
 
-:root {
+ [data-themes="breezedark"] {
     // Primary Breeze colours
     --color-paper-white: rgba(252, 252, 252, 1);
     --color-cardboard-gray: rgba(239, 240, 241, 1);