_sass/minima/_theme.scss in jekyll-theme-doodle-4.5.0 vs _sass/minima/_theme.scss in jekyll-theme-doodle-5.0.0

- old
+ new

@@ -1,5 +1,19 @@ +.light-mode { + --dark-pink: #f0b3e7; + --dark-green: #b1d18a; + --dark-yellow: #dbc66; + --dark-blue: #aac7ff; + --dark-cyan: #81d5cd; +} +.dark-mode { + --light-pink: #f0b3e7; + --light-greeN: #b1d18a; + --light-yellw: #dbc66; + --light-blue: #aac7ff; + --light-cyan: #81d5cd; +} #pink-theme { background-color: #f0b3e7; } #green-theme { background-color: #b1d18a; @@ -32,12 +46,14 @@ --md-sys-color-error-container: rgb(147 0 10); --md-sys-color-on-error-container: rgb(255 218 214); --md-sys-color-background: rgb(21 19 11); --md-sys-color-on-background: rgb(232 226 212); --md-sys-color-surface: rgb(21 19 11); - --md-sys-color-on-surface: rgb(232 226 212); - --md-sys-color-surface-variant: rgb(75 71 57); + --md-sys-color-on-surface: #e8e2d4; + --on-surface-filter: invert(91%) sepia(15%) saturate(159%) hue-rotate(4deg) + brightness(99%) contrast(89%); + --md-sys-color-surface-variant: #4b4739; --md-sys-color-on-surface-variant: rgb(205 198 180); --md-sys-color-outline: #969080; --outline-filter: brightness(0) saturate(100%) invert(64%) sepia(15%) saturate(306%) hue-rotate(6deg) brightness(87%) contrast(85%); --md-sys-color-outline-variant: rgb(75 71 57); @@ -85,11 +101,13 @@ --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-on-surface: #e2e2e9; + --on-surface-filter: invert(100%) sepia(5%) saturate(7075%) hue-rotate(180deg) + brightness(96%) contrast(89%); --md-sys-color-surface-variant: rgb(68 71 78); --md-sys-color-on-surface-variant: rgb(196 198 208); --md-sys-color-outline: #8e9099; --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(5%) saturate(424%) hue-rotate(192deg) brightness(92%) contrast(92%); @@ -138,11 +156,13 @@ --md-sys-color-error-container: rgb(147 0 10); --md-sys-color-on-error-container: rgb(255 218 214); --md-sys-color-background: rgb(14 21 20); --md-sys-color-on-background: rgb(221 228 226); --md-sys-color-surface: rgb(14 21 20); - --md-sys-color-on-surface: rgb(221 228 226); + --md-sys-color-on-surface: #dde4e2; + --on-surface-filter: invert(91%) sepia(6%) saturate(145%) hue-rotate(112deg) + brightness(102%) contrast(89%); --md-sys-color-surface-variant: rgb(63 73 71); --md-sys-color-on-surface-variant: rgb(190 201 198); --md-sys-color-outline: #899391; --outline-filter: brightness(0) saturate(100%) invert(66%) sepia(8%) saturate(263%) hue-rotate(118deg) brightness(85%) contrast(87%); @@ -192,11 +212,13 @@ --md-sys-color-error-container: rgb(147 0 10); --md-sys-color-on-error-container: rgb(255 218 214); --md-sys-color-background: rgb(18 20 14); --md-sys-color-on-background: rgb(226 227 216); --md-sys-color-surface: rgb(18 20 14); - --md-sys-color-on-surface: rgb(226 227 216); + --md-sys-color-on-surface: #e2e3d8; + --on-surface-filter: invert(85%) sepia(3%) saturate(447%) hue-rotate(26deg) + brightness(109%) contrast(89%); --md-sys-color-surface-variant: rgb(68 72 61); --md-sys-color-on-surface-variant: rgb(197 200 186); --md-sys-color-outline: #8f9285; --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(6%) saturate(487%) hue-rotate(33deg) brightness(92%) contrast(91%); @@ -247,21 +269,24 @@ --md-sys-color-error-container: rgb(147 0 10); --md-sys-color-on-error-container: rgb(255 218 214); --md-sys-color-background: rgb(23 18 22); --md-sys-color-on-background: rgb(235 223 230); --md-sys-color-surface: rgb(23 18 22); - --md-sys-color-on-surface: rgb(235 223 230); + --md-sys-color-on-surface: #ebdfe6; + --on-surface-filter: invert(97%) sepia(3%) saturate(932%) hue-rotate(287deg) + brightness(92%) contrast(100%); --md-sys-color-surface-variant: rgb(78 68 75); --md-sys-color-on-surface-variant: rgb(209 195 203); --md-sys-color-outline: #9a8d95; --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(13%) saturate(228%) hue-rotate(270deg) brightness(93%) contrast(82%); --md-sys-color-outline-variant: rgb(78 68 75); --md-sys-color-shadow: rgb(0 0 0); --md-sys-color-scrim: rgb(0 0 0); --md-sys-color-inverse-surface: rgb(235 223 230); - --md-sys-color-inverse-on-surface: rgb(53 46 51); + --md-sys-color-inverse-on-surface: #352e33; + --md-sys-color-inverse-primary: rgb(127 77 123); --md-sys-color-primary-fixed: rgb(255 215 247); --md-sys-color-on-primary-fixed: rgb(51 8 51); --md-sys-color-primary-fixed-dim: rgb(240 179 231); --md-sys-color-on-primary-fixed-variant: rgb(101 54 98); @@ -278,6 +303,281 @@ --md-sys-color-surface-container-lowest: rgb(18 13 17); --md-sys-color-surface-container-low: rgb(32 26 30); --md-sys-color-surface-container: rgb(36 30 34); --md-sys-color-surface-container-high: #2f282d; --md-sys-color-surface-container-highest: rgb(58 51 56); +} +.light-pink { + --md-sys-color-primary: rgb(127 77 122); + --md-sys-color-surface-tint: rgb(127 77 122); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(255 215 246); + --md-sys-color-on-primary-container: rgb(51 8 51); + --md-sys-color-secondary: rgb(109 88 105); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(247 218 239); + --md-sys-color-on-secondary-container: rgb(38 22 37); + --md-sys-color-tertiary: rgb(130 82 70); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(255 219 209); + --md-sys-color-on-tertiary-container: rgb(50 18 9); + --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(65 0 2); + --md-sys-color-background: rgb(255 247 249); + --md-sys-color-on-background: rgb(32 26 30); + --md-sys-color-surface: rgb(255 247 249); + --md-sys-color-on-surface: #201a1e; + --on-surface-filter: invert(8%) sepia(2%) saturate(3908%) hue-rotate(267deg) + brightness(94%) contrast(93%); + --md-sys-color-surface-variant: rgb(238 222 231); + --md-sys-color-on-surface-variant: rgb(78 68 75); + --md-sys-color-outline: rgb(127 116 124); + --md-sys-color-outline-variant: rgb(209 195 203); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(53 46 51); + --md-sys-color-inverse-on-surface: rgb(250 237 244); + --md-sys-color-inverse-primary: rgb(240 179 231); + --md-sys-color-primary-fixed: rgb(255 215 246); + --md-sys-color-on-primary-fixed: rgb(51 8 51); + --md-sys-color-primary-fixed-dim: rgb(240 179 231); + --md-sys-color-on-primary-fixed-variant: rgb(101 54 97); + --md-sys-color-secondary-fixed: rgb(247 218 239); + --md-sys-color-on-secondary-fixed: rgb(38 22 37); + --md-sys-color-secondary-fixed-dim: rgb(218 191 211); + --md-sys-color-on-secondary-fixed-variant: rgb(84 65 81); + --md-sys-color-tertiary-fixed: rgb(255 219 209); + --md-sys-color-on-tertiary-fixed: rgb(50 18 9); + --md-sys-color-tertiary-fixed-dim: rgb(246 184 168); + --md-sys-color-on-tertiary-fixed-variant: rgb(102 59 48); + --md-sys-color-surface-dim: rgb(227 215 221); + --md-sys-color-surface-bright: rgb(255 247 249); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(253 240 247); + --md-sys-color-surface-container: rgb(247 235 241); + --md-sys-color-surface-container-high: rgb(241 229 235); + --md-sys-color-surface-container-highest: rgb(235 223 230); + --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(13%) + saturate(228%) hue-rotate(270deg) brightness(93%) contrast(82%); +} +.light-green { + --md-sys-color-primary: rgb(75 102 44); + --md-sys-color-surface-tint: rgb(75 102 44); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(204 237 164); + --md-sys-color-on-primary-container: rgb(15 32 0); + --md-sys-color-secondary: rgb(87 98 73); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(219 231 200); + --md-sys-color-on-secondary-container: rgb(21 30 11); + --md-sys-color-tertiary: rgb(56 102 99); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(187 236 232); + --md-sys-color-on-tertiary-container: rgb(0 32 30); + --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(65 0 2); + --md-sys-color-background: rgb(249 250 239); + --md-sys-color-on-background: rgb(26 28 22); + --md-sys-color-surface: rgb(249 250 239); + --md-sys-color-on-surface: #1a1c16; + --on-surface-filter: invert(9%) sepia(11%) saturate(780%) hue-rotate(39deg) + brightness(96%) contrast(95%); + --md-sys-color-surface-variant: rgb(225 228 213); + --md-sys-color-on-surface-variant: rgb(68 72 61); + --md-sys-color-outline: rgb(117 121 108); + --md-sys-color-outline-variant: rgb(197 200 186); + --md-sys-color-shadow: rgb(0 0 0); + --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(6%) + saturate(487%) hue-rotate(33deg) brightness(92%) contrast(91%); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(47 49 42); + --md-sys-color-inverse-on-surface: rgb(240 242 230); + --md-sys-color-inverse-primary: rgb(177 209 138); + --md-sys-color-primary-fixed: rgb(204 237 164); + --md-sys-color-on-primary-fixed: rgb(15 32 0); + --md-sys-color-primary-fixed-dim: rgb(177 209 138); + --md-sys-color-on-primary-fixed-variant: rgb(52 78 22); + --md-sys-color-secondary-fixed: rgb(219 231 200); + --md-sys-color-on-secondary-fixed: rgb(21 30 11); + --md-sys-color-secondary-fixed-dim: rgb(191 203 173); + --md-sys-color-on-secondary-fixed-variant: rgb(64 74 51); + --md-sys-color-tertiary-fixed: rgb(187 236 232); + --md-sys-color-on-tertiary-fixed: rgb(0 32 30); + --md-sys-color-tertiary-fixed-dim: rgb(160 208 204); + --md-sys-color-on-tertiary-fixed-variant: rgb(31 78 75); + --md-sys-color-surface-dim: rgb(218 219 208); + --md-sys-color-surface-bright: rgb(249 250 239); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(243 244 233); + --md-sys-color-surface-container: rgb(238 239 228); + --md-sys-color-surface-container-high: rgb(232 233 222); + --md-sys-color-surface-container-highest: rgb(226 227 216); +} +.light-yellow { + --md-sys-color-primary: rgb(109 94 15); + --md-sys-color-surface-tint: rgb(109 94 15); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(248 226 135); + --md-sys-color-on-primary-container: rgb(34 27 0); + --md-sys-color-secondary: rgb(102 94 64); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(238 226 188); + --md-sys-color-on-secondary-container: rgb(33 27 4); + --md-sys-color-tertiary: rgb(67 102 78); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(197 236 206); + --md-sys-color-on-tertiary-container: rgb(0 33 15); + --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(65 0 2); + --md-sys-color-background: rgb(255 249 238); + --md-sys-color-on-background: rgb(30 27 19); + --md-sys-color-surface: rgb(255 249 238); + --md-sys-color-on-surface: #1e1b13; + --on-surface-filter: invert(8%) sepia(20%) saturate(701%) hue-rotate(6deg) + brightness(101%) contrast(95%); + --md-sys-color-surface-variant: rgb(234 226 208); + --md-sys-color-on-surface-variant: rgb(75 71 57); + --md-sys-color-outline: rgb(124 119 103); + --md-sys-color-outline-variant: rgb(205 198 180); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(51 48 39); + --md-sys-color-inverse-on-surface: rgb(247 240 226); + --md-sys-color-inverse-primary: rgb(219 198 110); + --md-sys-color-primary-fixed: rgb(248 226 135); + --md-sys-color-on-primary-fixed: rgb(34 27 0); + --md-sys-color-primary-fixed-dim: rgb(219 198 110); + --md-sys-color-on-primary-fixed-variant: rgb(83 70 0); + --md-sys-color-secondary-fixed: rgb(238 226 188); + --md-sys-color-on-secondary-fixed: rgb(33 27 4); + --md-sys-color-secondary-fixed-dim: rgb(209 198 161); + --md-sys-color-on-secondary-fixed-variant: rgb(78 71 42); + --md-sys-color-tertiary-fixed: rgb(197 236 206); + --md-sys-color-on-tertiary-fixed: rgb(0 33 15); + --md-sys-color-tertiary-fixed-dim: rgb(169 208 179); + --md-sys-color-on-tertiary-fixed-variant: rgb(44 78 56); + --md-sys-color-surface-dim: rgb(224 217 204); + --md-sys-color-surface-bright: rgb(255 249 238); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(250 243 229); + --outline-filter: brightness(0) saturate(100%) invert(64%) sepia(15%) + saturate(306%) hue-rotate(6deg) brightness(87%) contrast(85%); + --md-sys-color-surface-container: rgb(244 237 223); + --md-sys-color-surface-container-high: rgb(238 232 218); + --md-sys-color-surface-container-highest: rgb(232 226 212); +} +.light-blue { + --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(0 27 62); + --md-sys-color-secondary: rgb(86 94 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(19 28 43); + --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(40 19 46); + --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(65 0 2); + --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: #191c20; + --on-surface-filter: invert(7%) sepia(25%) saturate(417%) hue-rotate(174deg) + brightness(93%) contrast(91%); + --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); + --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(5%) + saturate(424%) hue-rotate(192deg) brightness(92%) contrast(92%); +} +.light-cyan { + --md-sys-color-primary: rgb(0 106 100); + --md-sys-color-surface-tint: rgb(0 106 100); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(157 242 233); + --md-sys-color-on-primary-container: rgb(0 32 30); + --md-sys-color-secondary: rgb(74 99 96); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(204 232 228); + --md-sys-color-on-secondary-container: rgb(5 31 29); + --md-sys-color-tertiary: rgb(72 97 122); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(207 229 255); + --md-sys-color-on-tertiary-container: rgb(0 29 52); + --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(65 0 2); + --md-sys-color-background: rgb(244 251 249); + --md-sys-color-on-background: rgb(22 29 28); + --md-sys-color-surface: rgb(244 251 249); + --md-sys-color-on-surface: #161d1c; + --on-surface-filter: invert(7%) sepia(7%) saturate(1616%) hue-rotate(122deg) + brightness(92%) contrast(90%); + --md-sys-color-surface-variant: rgb(218 229 226); + --md-sys-color-on-surface-variant: rgb(63 73 71); + --md-sys-color-outline: rgb(111 121 119); + --md-sys-color-outline-variant: rgb(190 201 198); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(43 50 49); + --outline-filter: brightness(0) saturate(100%) invert(66%) sepia(8%) + saturate(263%) hue-rotate(118deg) brightness(85%) contrast(87%); + --md-sys-color-inverse-on-surface: rgb(236 242 240); + --md-sys-color-inverse-primary: rgb(129 213 205); + --md-sys-color-primary-fixed: rgb(157 242 233); + --md-sys-color-on-primary-fixed: rgb(0 32 30); + --md-sys-color-primary-fixed-dim: rgb(129 213 205); + --md-sys-color-on-primary-fixed-variant: rgb(0 80 75); + --md-sys-color-secondary-fixed: rgb(204 232 228); + --md-sys-color-on-secondary-fixed: rgb(5 31 29); + --md-sys-color-secondary-fixed-dim: rgb(176 204 200); + --md-sys-color-on-secondary-fixed-variant: rgb(50 75 73); + --md-sys-color-tertiary-fixed: rgb(207 229 255); + --md-sys-color-on-tertiary-fixed: rgb(0 29 52); + --md-sys-color-tertiary-fixed-dim: rgb(175 201 231); + --md-sys-color-on-tertiary-fixed-variant: rgb(48 73 98); + --md-sys-color-surface-dim: rgb(213 219 218); + --md-sys-color-surface-bright: rgb(244 251 249); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(239 245 243); + --md-sys-color-surface-container: rgb(233 239 237); + --md-sys-color-surface-container-high: rgb(227 233 232); + --md-sys-color-surface-container-highest: rgb(221 228 226); }