Update WebApp
This commit is contained in:
51
web_app/static/css/dark-hc.css
Normal file
51
web_app/static/css/dark-hc.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.dark-high-contrast {
|
||||
--md-sys-color-primary: rgb(235 240 255);
|
||||
--md-sys-color-surface-tint: rgb(170 199 255);
|
||||
--md-sys-color-on-primary: rgb(0 0 0);
|
||||
--md-sys-color-primary-container: rgb(166 195 252);
|
||||
--md-sys-color-on-primary-container: rgb(0 11 32);
|
||||
--md-sys-color-secondary: rgb(235 240 255);
|
||||
--md-sys-color-on-secondary: rgb(0 0 0);
|
||||
--md-sys-color-secondary-container: rgb(186 195 216);
|
||||
--md-sys-color-on-secondary-container: rgb(3 11 26);
|
||||
--md-sys-color-tertiary: rgb(255 233 255);
|
||||
--md-sys-color-on-tertiary: rgb(0 0 0);
|
||||
--md-sys-color-tertiary-container: rgb(216 184 220);
|
||||
--md-sys-color-on-tertiary-container: rgb(22 4 29);
|
||||
--md-sys-color-error: rgb(255 236 233);
|
||||
--md-sys-color-on-error: rgb(0 0 0);
|
||||
--md-sys-color-error-container: rgb(255 174 164);
|
||||
--md-sys-color-on-error-container: rgb(34 0 1);
|
||||
--md-sys-color-background: rgb(17 19 24);
|
||||
--md-sys-color-on-background: rgb(226 226 233);
|
||||
--md-sys-color-surface: rgb(17 19 24);
|
||||
--md-sys-color-on-surface: rgb(255 255 255);
|
||||
--md-sys-color-surface-variant: rgb(68 71 78);
|
||||
--md-sys-color-on-surface-variant: rgb(255 255 255);
|
||||
--md-sys-color-outline: rgb(238 239 249);
|
||||
--md-sys-color-outline-variant: rgb(192 194 204);
|
||||
--md-sys-color-shadow: rgb(0 0 0);
|
||||
--md-sys-color-scrim: rgb(0 0 0);
|
||||
--md-sys-color-inverse-surface: rgb(226 226 233);
|
||||
--md-sys-color-inverse-on-surface: rgb(0 0 0);
|
||||
--md-sys-color-inverse-primary: rgb(41 72 120);
|
||||
--md-sys-color-primary-fixed: rgb(214 227 255);
|
||||
--md-sys-color-on-primary-fixed: rgb(0 0 0);
|
||||
--md-sys-color-primary-fixed-dim: rgb(170 199 255);
|
||||
--md-sys-color-on-primary-fixed-variant: rgb(0 17 43);
|
||||
--md-sys-color-secondary-fixed: rgb(218 226 249);
|
||||
--md-sys-color-on-secondary-fixed: rgb(0 0 0);
|
||||
--md-sys-color-secondary-fixed-dim: rgb(190 198 220);
|
||||
--md-sys-color-on-secondary-fixed-variant: rgb(8 17 33);
|
||||
--md-sys-color-tertiary-fixed: rgb(250 216 253);
|
||||
--md-sys-color-on-tertiary-fixed: rgb(0 0 0);
|
||||
--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
|
||||
--md-sys-color-on-tertiary-fixed-variant: rgb(29 8 35);
|
||||
--md-sys-color-surface-dim: rgb(17 19 24);
|
||||
--md-sys-color-surface-bright: rgb(78 80 86);
|
||||
--md-sys-color-surface-container-lowest: rgb(0 0 0);
|
||||
--md-sys-color-surface-container-low: rgb(29 32 36);
|
||||
--md-sys-color-surface-container: rgb(46 48 54);
|
||||
--md-sys-color-surface-container-high: rgb(57 59 65);
|
||||
--md-sys-color-surface-container-highest: rgb(69 71 76);
|
||||
}
|
||||
51
web_app/static/css/dark-mc.css
Normal file
51
web_app/static/css/dark-mc.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.dark-medium-contrast {
|
||||
--md-sys-color-primary: rgb(205 221 255);
|
||||
--md-sys-color-surface-tint: rgb(170 199 255);
|
||||
--md-sys-color-on-primary: rgb(0 37 81);
|
||||
--md-sys-color-primary-container: rgb(116 145 199);
|
||||
--md-sys-color-on-primary-container: rgb(0 0 0);
|
||||
--md-sys-color-secondary: rgb(212 220 242);
|
||||
--md-sys-color-on-secondary: rgb(29 38 54);
|
||||
--md-sys-color-secondary-container: rgb(136 145 165);
|
||||
--md-sys-color-on-secondary-container: rgb(0 0 0);
|
||||
--md-sys-color-tertiary: rgb(243 210 247);
|
||||
--md-sys-color-on-tertiary: rgb(51 29 57);
|
||||
--md-sys-color-tertiary-container: rgb(164 135 169);
|
||||
--md-sys-color-on-tertiary-container: rgb(0 0 0);
|
||||
--md-sys-color-error: rgb(255 210 204);
|
||||
--md-sys-color-on-error: rgb(84 0 3);
|
||||
--md-sys-color-error-container: rgb(255 84 73);
|
||||
--md-sys-color-on-error-container: rgb(0 0 0);
|
||||
--md-sys-color-background: rgb(17 19 24);
|
||||
--md-sys-color-on-background: rgb(226 226 233);
|
||||
--md-sys-color-surface: rgb(17 19 24);
|
||||
--md-sys-color-on-surface: rgb(255 255 255);
|
||||
--md-sys-color-surface-variant: rgb(68 71 78);
|
||||
--md-sys-color-on-surface-variant: rgb(218 220 230);
|
||||
--md-sys-color-outline: rgb(175 178 187);
|
||||
--md-sys-color-outline-variant: rgb(142 144 153);
|
||||
--md-sys-color-shadow: rgb(0 0 0);
|
||||
--md-sys-color-scrim: rgb(0 0 0);
|
||||
--md-sys-color-inverse-surface: rgb(226 226 233);
|
||||
--md-sys-color-inverse-on-surface: rgb(40 42 47);
|
||||
--md-sys-color-inverse-primary: rgb(41 72 120);
|
||||
--md-sys-color-primary-fixed: rgb(214 227 255);
|
||||
--md-sys-color-on-primary-fixed: rgb(0 17 43);
|
||||
--md-sys-color-primary-fixed-dim: rgb(170 199 255);
|
||||
--md-sys-color-on-primary-fixed-variant: rgb(19 54 101);
|
||||
--md-sys-color-secondary-fixed: rgb(218 226 249);
|
||||
--md-sys-color-on-secondary-fixed: rgb(8 17 33);
|
||||
--md-sys-color-secondary-fixed-dim: rgb(190 198 220);
|
||||
--md-sys-color-on-secondary-fixed-variant: rgb(46 54 71);
|
||||
--md-sys-color-tertiary-fixed: rgb(250 216 253);
|
||||
--md-sys-color-on-tertiary-fixed: rgb(29 8 35);
|
||||
--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
|
||||
--md-sys-color-on-tertiary-fixed-variant: rgb(69 46 74);
|
||||
--md-sys-color-surface-dim: rgb(17 19 24);
|
||||
--md-sys-color-surface-bright: rgb(67 68 74);
|
||||
--md-sys-color-surface-container-lowest: rgb(6 7 12);
|
||||
--md-sys-color-surface-container-low: rgb(27 30 34);
|
||||
--md-sys-color-surface-container: rgb(38 40 45);
|
||||
--md-sys-color-surface-container-high: rgb(49 50 56);
|
||||
--md-sys-color-surface-container-highest: rgb(60 62 67);
|
||||
}
|
||||
53
web_app/static/css/dark.css
Normal file
53
web_app/static/css/dark.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* Dark Theme Tokens */
|
||||
body.dark,
|
||||
.dark {
|
||||
--md-sys-color-primary: rgb(170 199 255);
|
||||
--md-sys-color-surface-tint: rgb(170 199 255);
|
||||
--md-sys-color-on-primary: rgb(10 48 95);
|
||||
--md-sys-color-primary-container: rgb(40 71 119);
|
||||
--md-sys-color-on-primary-container: rgb(214 227 255);
|
||||
--md-sys-color-secondary: rgb(190 198 220);
|
||||
--md-sys-color-on-secondary: rgb(40 49 65);
|
||||
--md-sys-color-secondary-container: rgb(62 71 89);
|
||||
--md-sys-color-on-secondary-container: rgb(218 226 249);
|
||||
--md-sys-color-tertiary: rgb(221 188 224);
|
||||
--md-sys-color-on-tertiary: rgb(63 40 68);
|
||||
--md-sys-color-tertiary-container: rgb(87 62 92);
|
||||
--md-sys-color-on-tertiary-container: rgb(250 216 253);
|
||||
--md-sys-color-error: rgb(255 180 171);
|
||||
--md-sys-color-on-error: rgb(105 0 5);
|
||||
--md-sys-color-error-container: rgb(147 0 10);
|
||||
--md-sys-color-on-error-container: rgb(255 218 214);
|
||||
--md-sys-color-background: rgb(17 19 24);
|
||||
--md-sys-color-on-background: rgb(226 226 233);
|
||||
--md-sys-color-surface: rgb(17 19 24);
|
||||
--md-sys-color-on-surface: rgb(226 226 233);
|
||||
--md-sys-color-surface-variant: rgb(68 71 78);
|
||||
--md-sys-color-on-surface-variant: rgb(196 198 208);
|
||||
--md-sys-color-outline: rgb(142 144 153);
|
||||
--md-sys-color-outline-variant: rgb(68 71 78);
|
||||
--md-sys-color-shadow: rgb(0 0 0);
|
||||
--md-sys-color-scrim: rgb(0 0 0);
|
||||
--md-sys-color-inverse-surface: rgb(226 226 233);
|
||||
--md-sys-color-inverse-on-surface: rgb(46 48 54);
|
||||
--md-sys-color-inverse-primary: rgb(65 95 145);
|
||||
--md-sys-color-primary-fixed: rgb(214 227 255);
|
||||
--md-sys-color-on-primary-fixed: rgb(0 27 62);
|
||||
--md-sys-color-primary-fixed-dim: rgb(170 199 255);
|
||||
--md-sys-color-on-primary-fixed-variant: rgb(40 71 119);
|
||||
--md-sys-color-secondary-fixed: rgb(218 226 249);
|
||||
--md-sys-color-on-secondary-fixed: rgb(19 28 43);
|
||||
--md-sys-color-secondary-fixed-dim: rgb(190 198 220);
|
||||
--md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);
|
||||
--md-sys-color-tertiary-fixed: rgb(250 216 253);
|
||||
--md-sys-color-on-tertiary-fixed: rgb(40 19 46);
|
||||
--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
|
||||
--md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);
|
||||
--md-sys-color-surface-dim: rgb(17 19 24);
|
||||
--md-sys-color-surface-bright: rgb(55 57 62);
|
||||
--md-sys-color-surface-container-lowest: rgb(12 14 19);
|
||||
--md-sys-color-surface-container-low: rgb(25 28 32);
|
||||
--md-sys-color-surface-container: rgb(29 32 36);
|
||||
--md-sys-color-surface-container-high: rgb(40 42 47);
|
||||
--md-sys-color-surface-container-highest: rgb(51 53 58);
|
||||
}
|
||||
51
web_app/static/css/light-hc.css
Normal file
51
web_app/static/css/light-hc.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.light-high-contrast {
|
||||
--md-sys-color-primary: rgb(3 43 91);
|
||||
--md-sys-color-surface-tint: rgb(65 95 145);
|
||||
--md-sys-color-on-primary: rgb(255 255 255);
|
||||
--md-sys-color-primary-container: rgb(42 73 122);
|
||||
--md-sys-color-on-primary-container: rgb(255 255 255);
|
||||
--md-sys-color-secondary: rgb(35 44 61);
|
||||
--md-sys-color-on-secondary: rgb(255 255 255);
|
||||
--md-sys-color-secondary-container: rgb(65 73 91);
|
||||
--md-sys-color-on-secondary-container: rgb(255 255 255);
|
||||
--md-sys-color-tertiary: rgb(58 36 64);
|
||||
--md-sys-color-on-tertiary: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-container: rgb(89 64 94);
|
||||
--md-sys-color-on-tertiary-container: rgb(255 255 255);
|
||||
--md-sys-color-error: rgb(96 0 4);
|
||||
--md-sys-color-on-error: rgb(255 255 255);
|
||||
--md-sys-color-error-container: rgb(152 0 10);
|
||||
--md-sys-color-on-error-container: rgb(255 255 255);
|
||||
--md-sys-color-background: rgb(249 249 255);
|
||||
--md-sys-color-on-background: rgb(25 28 32);
|
||||
--md-sys-color-surface: rgb(249 249 255);
|
||||
--md-sys-color-on-surface: rgb(0 0 0);
|
||||
--md-sys-color-surface-variant: rgb(224 226 236);
|
||||
--md-sys-color-on-surface-variant: rgb(0 0 0);
|
||||
--md-sys-color-outline: rgb(41 44 51);
|
||||
--md-sys-color-outline-variant: rgb(70 73 81);
|
||||
--md-sys-color-shadow: rgb(0 0 0);
|
||||
--md-sys-color-scrim: rgb(0 0 0);
|
||||
--md-sys-color-inverse-surface: rgb(46 48 54);
|
||||
--md-sys-color-inverse-on-surface: rgb(255 255 255);
|
||||
--md-sys-color-inverse-primary: rgb(170 199 255);
|
||||
--md-sys-color-primary-fixed: rgb(42 73 122);
|
||||
--md-sys-color-on-primary-fixed: rgb(255 255 255);
|
||||
--md-sys-color-primary-fixed-dim: rgb(14 50 98);
|
||||
--md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
|
||||
--md-sys-color-secondary-fixed: rgb(65 73 91);
|
||||
--md-sys-color-on-secondary-fixed: rgb(255 255 255);
|
||||
--md-sys-color-secondary-fixed-dim: rgb(42 51 68);
|
||||
--md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-fixed: rgb(89 64 94);
|
||||
--md-sys-color-on-tertiary-fixed: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-fixed-dim: rgb(65 42 71);
|
||||
--md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
|
||||
--md-sys-color-surface-dim: rgb(184 184 191);
|
||||
--md-sys-color-surface-bright: rgb(249 249 255);
|
||||
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
||||
--md-sys-color-surface-container-low: rgb(240 240 247);
|
||||
--md-sys-color-surface-container: rgb(226 226 233);
|
||||
--md-sys-color-surface-container-high: rgb(211 212 219);
|
||||
--md-sys-color-surface-container-highest: rgb(197 198 205);
|
||||
}
|
||||
51
web_app/static/css/light-mc.css
Normal file
51
web_app/static/css/light-mc.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.light-medium-contrast {
|
||||
--md-sys-color-primary: rgb(19 54 101);
|
||||
--md-sys-color-surface-tint: rgb(65 95 145);
|
||||
--md-sys-color-on-primary: rgb(255 255 255);
|
||||
--md-sys-color-primary-container: rgb(80 109 160);
|
||||
--md-sys-color-on-primary-container: rgb(255 255 255);
|
||||
--md-sys-color-secondary: rgb(46 54 71);
|
||||
--md-sys-color-on-secondary: rgb(255 255 255);
|
||||
--md-sys-color-secondary-container: rgb(100 109 128);
|
||||
--md-sys-color-on-secondary-container: rgb(255 255 255);
|
||||
--md-sys-color-tertiary: rgb(69 46 74);
|
||||
--md-sys-color-on-tertiary: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-container: rgb(127 100 132);
|
||||
--md-sys-color-on-tertiary-container: rgb(255 255 255);
|
||||
--md-sys-color-error: rgb(116 0 6);
|
||||
--md-sys-color-on-error: rgb(255 255 255);
|
||||
--md-sys-color-error-container: rgb(207 44 39);
|
||||
--md-sys-color-on-error-container: rgb(255 255 255);
|
||||
--md-sys-color-background: rgb(249 249 255);
|
||||
--md-sys-color-on-background: rgb(25 28 32);
|
||||
--md-sys-color-surface: rgb(249 249 255);
|
||||
--md-sys-color-on-surface: rgb(15 17 22);
|
||||
--md-sys-color-surface-variant: rgb(224 226 236);
|
||||
--md-sys-color-on-surface-variant: rgb(51 54 62);
|
||||
--md-sys-color-outline: rgb(79 82 90);
|
||||
--md-sys-color-outline-variant: rgb(106 109 117);
|
||||
--md-sys-color-shadow: rgb(0 0 0);
|
||||
--md-sys-color-scrim: rgb(0 0 0);
|
||||
--md-sys-color-inverse-surface: rgb(46 48 54);
|
||||
--md-sys-color-inverse-on-surface: rgb(240 240 247);
|
||||
--md-sys-color-inverse-primary: rgb(170 199 255);
|
||||
--md-sys-color-primary-fixed: rgb(80 109 160);
|
||||
--md-sys-color-on-primary-fixed: rgb(255 255 255);
|
||||
--md-sys-color-primary-fixed-dim: rgb(55 85 134);
|
||||
--md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
|
||||
--md-sys-color-secondary-fixed: rgb(100 109 128);
|
||||
--md-sys-color-on-secondary-fixed: rgb(255 255 255);
|
||||
--md-sys-color-secondary-fixed-dim: rgb(76 85 103);
|
||||
--md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-fixed: rgb(127 100 132);
|
||||
--md-sys-color-on-tertiary-fixed: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-fixed-dim: rgb(101 76 107);
|
||||
--md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
|
||||
--md-sys-color-surface-dim: rgb(197 198 205);
|
||||
--md-sys-color-surface-bright: rgb(249 249 255);
|
||||
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
||||
--md-sys-color-surface-container-low: rgb(243 243 250);
|
||||
--md-sys-color-surface-container: rgb(231 232 238);
|
||||
--md-sys-color-surface-container-high: rgb(220 220 227);
|
||||
--md-sys-color-surface-container-highest: rgb(209 209 216);
|
||||
}
|
||||
53
web_app/static/css/light.css
Normal file
53
web_app/static/css/light.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* Light Theme Tokens */
|
||||
body.light,
|
||||
.light {
|
||||
--md-sys-color-primary: rgb(65 95 145);
|
||||
--md-sys-color-surface-tint: rgb(65 95 145);
|
||||
--md-sys-color-on-primary: rgb(255 255 255);
|
||||
--md-sys-color-primary-container: rgb(214 227 255);
|
||||
--md-sys-color-on-primary-container: rgb(40 71 119);
|
||||
--md-sys-color-secondary: rgb(86 95 113);
|
||||
--md-sys-color-on-secondary: rgb(255 255 255);
|
||||
--md-sys-color-secondary-container: rgb(218 226 249);
|
||||
--md-sys-color-on-secondary-container: rgb(62 71 89);
|
||||
--md-sys-color-tertiary: rgb(112 85 117);
|
||||
--md-sys-color-on-tertiary: rgb(255 255 255);
|
||||
--md-sys-color-tertiary-container: rgb(250 216 253);
|
||||
--md-sys-color-on-tertiary-container: rgb(87 62 92);
|
||||
--md-sys-color-error: rgb(186 26 26);
|
||||
--md-sys-color-on-error: rgb(255 255 255);
|
||||
--md-sys-color-error-container: rgb(255 218 214);
|
||||
--md-sys-color-on-error-container: rgb(147 0 10);
|
||||
--md-sys-color-background: rgb(249 249 255);
|
||||
--md-sys-color-on-background: rgb(25 28 32);
|
||||
--md-sys-color-surface: rgb(249 249 255);
|
||||
--md-sys-color-on-surface: rgb(25 28 32);
|
||||
--md-sys-color-surface-variant: rgb(224 226 236);
|
||||
--md-sys-color-on-surface-variant: rgb(68 71 78);
|
||||
--md-sys-color-outline: rgb(116 119 127);
|
||||
--md-sys-color-outline-variant: rgb(196 198 208);
|
||||
--md-sys-color-shadow: rgb(0 0 0);
|
||||
--md-sys-color-scrim: rgb(0 0 0);
|
||||
--md-sys-color-inverse-surface: rgb(46 48 54);
|
||||
--md-sys-color-inverse-on-surface: rgb(240 240 247);
|
||||
--md-sys-color-inverse-primary: rgb(170 199 255);
|
||||
--md-sys-color-primary-fixed: rgb(214 227 255);
|
||||
--md-sys-color-on-primary-fixed: rgb(0 27 62);
|
||||
--md-sys-color-primary-fixed-dim: rgb(170 199 255);
|
||||
--md-sys-color-on-primary-fixed-variant: rgb(40 71 119);
|
||||
--md-sys-color-secondary-fixed: rgb(218 226 249);
|
||||
--md-sys-color-on-secondary-fixed: rgb(19 28 43);
|
||||
--md-sys-color-secondary-fixed-dim: rgb(190 198 220);
|
||||
--md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);
|
||||
--md-sys-color-tertiary-fixed: rgb(250 216 253);
|
||||
--md-sys-color-on-tertiary-fixed: rgb(40 19 46);
|
||||
--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
|
||||
--md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);
|
||||
--md-sys-color-surface-dim: rgb(217 217 224);
|
||||
--md-sys-color-surface-bright: rgb(249 249 255);
|
||||
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
||||
--md-sys-color-surface-container-low: rgb(243 243 250);
|
||||
--md-sys-color-surface-container: rgb(237 237 244);
|
||||
--md-sys-color-surface-container-high: rgb(231 232 238);
|
||||
--md-sys-color-surface-container-highest: rgb(226 226 233);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user