application.css in material_design-0.3.0

- old
+ new
@@ -1,105 +1,107 @@
 :root {
   /* color-scheme: light dark; */
+  --md-sys-light-state-hover-state-layer-opacity: rgba(29, 27, 32, 0.08);
+  --md-sys-dark-state-hover-state-layer-opacity: rgba(230, 224, 233, 0.08);
 
   /* Light scheme */
-  --md-sys-light-primary: rgb(101 85 143);
-  --md-sys-light-surface-tint: rgb(101 85 143);
-  --md-sys-light-on-primary: rgb(255 255 255);
-  --md-sys-light-primary-container: rgb(233 221 255);
-  --md-sys-light-on-primary-container: rgb(32 16 71);
-  --md-sys-light-secondary: rgb(98 91 113);
-  --md-sys-light-on-secondary: rgb(255 255 255);
-  --md-sys-light-secondary-container: rgb(232 222 248);
-  --md-sys-light-on-secondary-container: rgb(30 25 43);
-  --md-sys-light-tertiary: rgb(126 82 96);
-  --md-sys-light-on-tertiary: rgb(255 255 255);
-  --md-sys-light-tertiary-container: rgb(255 217 227);
-  --md-sys-light-on-tertiary-container: rgb(49 16 29);
-  --md-sys-light-error: rgb(186 26 26);
-  --md-sys-light-on-error: rgb(255 255 255);
-  --md-sys-light-error-container: rgb(255 218 214);
-  --md-sys-light-on-error-container: rgb(65 0 2);
-  --md-sys-light-background: rgb(253 247 255);
-  --md-sys-light-on-background: rgb(29 27 32);
-  --md-sys-light-surface: rgb(253 247 255);
-  --md-sys-light-on-surface: rgb(29 27 32);
-  --md-sys-light-surface-variant: rgb(231 224 235);
-  --md-sys-light-on-surface-variant: rgb(73 69 78);
-  --md-sys-light-outline: rgb(122 117 127);
-  --md-sys-light-outline-variant: rgb(202 196 207);
-  --md-sys-light-shadow: rgb(0 0 0);
-  --md-sys-light-scrim: rgb(0 0 0);
-  --md-sys-light-inverse-surface: rgb(50 47 53);
-  --md-sys-light-inverse-on-surface: rgb(245 239 247);
-  --md-sys-light-inverse-primary: rgb(207 189 254);
-  --md-sys-light-primary-fixed: rgb(233 221 255);
-  --md-sys-light-on-primary-fixed: rgb(32 16 71);
-  --md-sys-light-primary-fixed-dim: rgb(207 189 254);
-  --md-sys-light-on-primary-fixed-variant: rgb(77 61 117);
-  --md-sys-light-secondary-fixed: rgb(232 222 248);
-  --md-sys-light-on-secondary-fixed: rgb(30 25 43);
-  --md-sys-light-secondary-fixed-dim: rgb(203 194 219);
-  --md-sys-light-on-secondary-fixed-variant: rgb(74 68 88);
-  --md-sys-light-tertiary-fixed: rgb(255 217 227);
-  --md-sys-light-on-tertiary-fixed: rgb(49 16 29);
-  --md-sys-light-tertiary-fixed-dim: rgb(239 184 200);
-  --md-sys-light-on-tertiary-fixed-variant: rgb(99 59 72);
-  --md-sys-light-surface-dim: rgb(222 216 224);
-  --md-sys-light-surface-bright: rgb(253 247 255);
-  --md-sys-light-surface-container-lowest: rgb(255 255 255);
-  --md-sys-light-surface-container-low: rgb(248 242 250);
-  --md-sys-light-surface-container: rgb(242 236 244);
-  --md-sys-light-surface-container-high: rgb(236 230 238);
-  --md-sys-light-surface-container-highest: rgb(230 224 233);
+  --md-sys-light-primary: rgba(101 85 143 1);
+  --md-sys-light-surface-tint: rgba(101 85 143 1);
+  --md-sys-light-on-primary: rgba(255 255 255 1);
+  --md-sys-light-primary-container: rgba(233 221 255 1);
+  --md-sys-light-on-primary-container: rgba(32 16 71 1);
+  --md-sys-light-secondary: rgba(98 91 113 1);
+  --md-sys-light-on-secondary: rgba(255 255 255 1);
+  --md-sys-light-secondary-container: rgba(232 222 248 1);
+  --md-sys-light-on-secondary-container: rgba(30 25 43 1);
+  --md-sys-light-tertiary: rgba(126 82 96 1);
+  --md-sys-light-on-tertiary: rgba(255 255 255 1);
+  --md-sys-light-tertiary-container: rgba(255 217 227 1);
+  --md-sys-light-on-tertiary-container: rgba(49 16 29 1);
+  --md-sys-light-error: rgba(186 26 26 1);
+  --md-sys-light-on-error: rgba(255 255 255 1);
+  --md-sys-light-error-container: rgba(255 218 214 1);
+  --md-sys-light-on-error-container: rgba(65 0 2 1);
+  --md-sys-light-background: rgba(253 247 255 1);
+  --md-sys-light-on-background: rgba(29 27 32 1);
+  --md-sys-light-surface: rgba(253 247 255 1);
+  --md-sys-light-on-surface: rgba(29 27 32 1);
+  --md-sys-light-surface-variant: rgba(231 224 235 1);
+  --md-sys-light-on-surface-variant: rgba(73 69 78 1);
+  --md-sys-light-outline: rgba(122 117 127 1);
+  --md-sys-light-outline-variant: rgba(202 196 207 1);
+  --md-sys-light-shadow: rgba(0 0 0 1);
+  --md-sys-light-scrim: rgba(0 0 0 1);
+  --md-sys-light-inverse-surface: rgba(50 47 53 1);
+  --md-sys-light-inverse-on-surface: rgba(245 239 247 1);
+  --md-sys-light-inverse-primary: rgba(207 189 254 1);
+  --md-sys-light-primary-fixed: rgba(233 221 255 1);
+  --md-sys-light-on-primary-fixed: rgba(32 16 71 1);
+  --md-sys-light-primary-fixed-dim: rgba(207 189 254 1);
+  --md-sys-light-on-primary-fixed-variant: rgba(77 61 117 1);
+  --md-sys-light-secondary-fixed: rgba(232 222 248 1);
+  --md-sys-light-on-secondary-fixed: rgba(30 25 43 1);
+  --md-sys-light-secondary-fixed-dim: rgba(203 194 219 1);
+  --md-sys-light-on-secondary-fixed-variant: rgba(74 68 88 1);
+  --md-sys-light-tertiary-fixed: rgba(255 217 227 1);
+  --md-sys-light-on-tertiary-fixed: rgba(49 16 29 1);
+  --md-sys-light-tertiary-fixed-dim: rgba(239 184 200 1);
+  --md-sys-light-on-tertiary-fixed-variant: rgba(99 59 72 1);
+  --md-sys-light-surface-dim: rgba(222 216 224 1);
+  --md-sys-light-surface-bright: rgba(253 247 255 1);
+  --md-sys-light-surface-container-lowest: rgba(255 255 255 1);
+  --md-sys-light-surface-container-low: rgba(248 242 250 1);
+  --md-sys-light-surface-container: rgba(242 236 244 1);
+  --md-sys-light-surface-container-high: rgba(236 230 238 1);
+  --md-sys-light-surface-container-highest: rgba(230 224 233 1);
 
   /* Dark scheme */
-  --md-sys-dark-primary: rgb(207 189 254);
-  --md-sys-dark-surface-tint: rgb(207 189 254);
-  --md-sys-dark-on-primary: rgb(54 39 93);
-  --md-sys-dark-primary-container: rgb(77 61 117);
-  --md-sys-dark-on-primary-container: rgb(233 221 255);
-  --md-sys-dark-secondary: rgb(203 194 219);
-  --md-sys-dark-on-secondary: rgb(51 45 65);
-  --md-sys-dark-secondary-container: rgb(74 68 88);
-  --md-sys-dark-on-secondary-container: rgb(232 222 248);
-  --md-sys-dark-tertiary: rgb(239 184 200);
-  --md-sys-dark-on-tertiary: rgb(74 37 50);
-  --md-sys-dark-tertiary-container: rgb(99 59 72);
-  --md-sys-dark-on-tertiary-container: rgb(255 217 227);
-  --md-sys-dark-error: rgb(255 180 171);
-  --md-sys-dark-on-error: rgb(105 0 5);
-  --md-sys-dark-error-container: rgb(147 0 10);
-  --md-sys-dark-on-error-container: rgb(255 218 214);
-  --md-sys-dark-background: rgb(20 18 24);
-  --md-sys-dark-on-background: rgb(230 224 233);
-  --md-sys-dark-surface: rgb(20 18 24);
-  --md-sys-dark-on-surface: rgb(230 224 233);
-  --md-sys-dark-surface-variant: rgb(73 69 78);
-  --md-sys-dark-on-surface-variant: rgb(202 196 207);
-  --md-sys-dark-outline: rgb(148 143 153);
-  --md-sys-dark-outline-variant: rgb(73 69 78);
-  --md-sys-dark-shadow: rgb(0 0 0);
-  --md-sys-dark-scrim: rgb(0 0 0);
-  --md-sys-dark-inverse-surface: rgb(230 224 233);
-  --md-sys-dark-inverse-on-surface: rgb(50 47 53);
-  --md-sys-dark-inverse-primary: rgb(101 85 143);
-  --md-sys-dark-primary-fixed: rgb(233 221 255);
-  --md-sys-dark-on-primary-fixed: rgb(32 16 71);
-  --md-sys-dark-primary-fixed-dim: rgb(207 189 254);
-  --md-sys-dark-on-primary-fixed-variant: rgb(77 61 117);
-  --md-sys-dark-secondary-fixed: rgb(232 222 248);
-  --md-sys-dark-on-secondary-fixed: rgb(30 25 43);
-  --md-sys-dark-secondary-fixed-dim: rgb(203 194 219);
-  --md-sys-dark-on-secondary-fixed-variant: rgb(74 68 88);
-  --md-sys-dark-tertiary-fixed: rgb(255 217 227);
-  --md-sys-dark-on-tertiary-fixed: rgb(49 16 29);
-  --md-sys-dark-tertiary-fixed-dim: rgb(239 184 200);
-  --md-sys-dark-on-tertiary-fixed-variant: rgb(99 59 72);
-  --md-sys-dark-surface-dim: rgb(20 18 24);
-  --md-sys-dark-surface-bright: rgb(59 56 62);
-  --md-sys-dark-surface-container-lowest: rgb(15 13 19);
-  --md-sys-dark-surface-container-low: rgb(29 27 32);
-  --md-sys-dark-surface-container: rgb(33 31 36);
-  --md-sys-dark-surface-container-high: rgb(43 41 47);
-  --md-sys-dark-surface-container-highest: rgb(54 52 58);
+  --md-sys-dark-primary: rgba(207 189 254 1);
+  --md-sys-dark-surface-tint: rgba(207 189 254 1);
+  --md-sys-dark-on-primary: rgba(54 39 93 1);
+  --md-sys-dark-primary-container: rgba(77 61 117 1);
+  --md-sys-dark-on-primary-container: rgba(233 221 255 1);
+  --md-sys-dark-secondary: rgba(203 194 219 1);
+  --md-sys-dark-on-secondary: rgba(51 45 65 1);
+  --md-sys-dark-secondary-container: rgba(74 68 88 1);
+  --md-sys-dark-on-secondary-container: rgba(232 222 248 1);
+  --md-sys-dark-tertiary: rgba(239 184 200 1);
+  --md-sys-dark-on-tertiary: rgba(74 37 50 1);
+  --md-sys-dark-tertiary-container: rgba(99 59 72 1);
+  --md-sys-dark-on-tertiary-container: rgba(255 217 227 1);
+  --md-sys-dark-error: rgba(255 180 171 1);
+  --md-sys-dark-on-error: rgba(105 0 5 1);
+  --md-sys-dark-error-container: rgba(147 0 10 1);
+  --md-sys-dark-on-error-container: rgba(255 218 214 1);
+  --md-sys-dark-background: rgba(20 18 24 1);
+  --md-sys-dark-on-background: rgba(230 224 233 1);
+  --md-sys-dark-surface: rgba(20 18 24 1);
+  --md-sys-dark-on-surface: rgba(230 224 233 1);
+  --md-sys-dark-surface-variant: rgba(73 69 78 1);
+  --md-sys-dark-on-surface-variant: rgba(202 196 207 1);
+  --md-sys-dark-outline: rgba(148 143 153 1);
+  --md-sys-dark-outline-variant: rgba(73 69 78 1);
+  --md-sys-dark-shadow: rgba(0 0 0 1);
+  --md-sys-dark-scrim: rgba(0 0 0 1);
+  --md-sys-dark-inverse-surface: rgba(230 224 233 1);
+  --md-sys-dark-inverse-on-surface: rgba(50 47 53 1);
+  --md-sys-dark-inverse-primary: rgba(101 85 143 1);
+  --md-sys-dark-primary-fixed: rgba(233 221 255 1);
+  --md-sys-dark-on-primary-fixed: rgba(32 16 71 1);
+  --md-sys-dark-primary-fixed-dim: rgba(207 189 254 1);
+  --md-sys-dark-on-primary-fixed-variant: rgba(77 61 117 1);
+  --md-sys-dark-secondary-fixed: rgba(232 222 248 1);
+  --md-sys-dark-on-secondary-fixed: rgba(30 25 43 1);
+  --md-sys-dark-secondary-fixed-dim: rgba(203 194 219 1);
+  --md-sys-dark-on-secondary-fixed-variant: rgba(74 68 88 1);
+  --md-sys-dark-tertiary-fixed: rgba(255 217 227 1);
+  --md-sys-dark-on-tertiary-fixed: rgba(49 16 29 1);
+  --md-sys-dark-tertiary-fixed-dim: rgba(239 184 200 1);
+  --md-sys-dark-on-tertiary-fixed-variant: rgba(99 59 72 1);
+  --md-sys-dark-surface-dim: rgba(20 18 24 1);
+  --md-sys-dark-surface-bright: rgba(59 56 62 1);
+  --md-sys-dark-surface-container-lowest: rgba(15 13 19 1);
+  --md-sys-dark-surface-container-low: rgba(29 27 32 1);
+  --md-sys-dark-surface-container: rgba(33 31 36 1);
+  --md-sys-dark-surface-container-high: rgba(43 41 47 1);
+  --md-sys-dark-surface-container-highest: rgba(54 52 58 1);
 }