xiMatrix

commit

453ce1465abb4b2826c813d7b0400134c60f6a8a

parent

edb02518f5acde4e6b7b42747b1e3bf9f3cc37af

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2023-07-06 06:39

add dark mode

Diffstat

2 files changed, 16 insertions, 2 deletions

diff --git a/src/popup.css b/src/popup.css

@@ -3,7 +3,8 @@
    3     3 	--green-dark: #080;
    4     4 	--red-light: #f8d0d0;
    5     5 	--grey: #ccc;
    6    -1 	--text-dark: #fff;
   -1     6 	--text-on-light: #000;
   -1     7 	--text-on-dark: #fff;
    7     8 }
    8     9 
    9    10 .toolbar {
@@ -16,6 +17,7 @@
   16    17 
   17    18 table {
   18    19 	background: var(--red-light);
   -1    20 	color: var(--text-on-light);
   19    21 	border-spacing: 0;
   20    22 	margin-block-end: 0.2em;
   21    23 }
@@ -60,5 +62,11 @@ table input ~ span {
   60    62 	z-index: 1;
   61    63 }
   62    64 table input:checked ~ span {
   63    -1 	color: var(--text-dark);
   -1    65 	color: var(--text-on-dark);
   -1    66 }
   -1    67 
   -1    68 @media (prefers-color-scheme: dark) {
   -1    69 	:root {
   -1    70 		color-scheme: dark;
   -1    71 	}
   64    72 }

diff --git a/src/settings.css b/src/settings.css

@@ -33,3 +33,9 @@ button {
   33    33 	justify-self: end;
   34    34 	grid-column: 1 / 3;
   35    35 }
   -1    36 
   -1    37 @media (prefers-color-scheme: dark) {
   -1    38 	:root {
   -1    39 		color-scheme: dark;
   -1    40 	}
   -1    41 }