Updated Bulma & made Cambiare support dark mode.

ltgcgo · Jan 25, 2025 · 5469db9 · 5469db9
1 parent 89a80f1
commit 5469db9
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/libs/bulma@jgthms/bulma.min.css b/libs/bulma@jgthms/bulma.min.css
diff --git a/test/css/cambiare_demo.css b/test/css/cambiare_demo.css
@@ -6,6 +6,21 @@ body {
 	min-height: 100vh;
 }
 
+:root {
+	--page-button-bg: #0000;
+	--page-button-bg-hover: #0001;
+	--page-option-border: #0000;
+	--page-option-border-active: #0008;
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--page-button-bg: #fff0;
+		--page-button-bg-hover: #fff1;
+		--page-option-border: #fff0;
+		--page-option-border-active: #fffa;
+	}
+}
+
 .container {
 	padding: 24px;
 	font-size: 20px;
@@ -14,20 +29,20 @@ body {
 .column-option {
 	max-width: max-content;
 	height: max-content;
-	border: 2px solid #0000;
+	border: 2px solid var(--page-option-border);
 	border-radius: 4px;
 	padding: 0.6rem;
 	margin: 0.15rem;
 }
 .column-option[active='true']{
-	border-color: #0008;
+	border-color: var(--page-option-border-active);
 }
 .column-button {
-	background: #0000;
+	background: var(--page-button-bg);
 	transition: background 0.2s;
 }
 .column-button:hover {
-	background: #0001;
+	background: var(--page-button-bg-hover);
 }
 .column-button[disabled='true'] {
 	opacity: 0.5;