theme.css (2233B)
1 :root { 2 color-scheme: light dark; 3 4 /* GNU Taler semantic colours from DD 66 and DD 90. */ 5 --taler-primary: #0042b3; 6 --taler-on-primary: #ffffff; 7 --taler-primary-container: #d3deff; 8 --taler-on-primary-container: #00134a; 9 --taler-secondary: #586a88; 10 --taler-secondary-container: #d9e3f9; 11 --taler-on-secondary-container: #111c2b; 12 --taler-background: #fdfdff; 13 --taler-on-background: #1a1c1f; 14 --taler-surface: #ffffff; 15 --taler-surface-muted: #f4f6fb; 16 --taler-outline: #767880; 17 --taler-outline-variant: #c4c6d0; 18 --taler-error: #b3261e; 19 --taler-error-container: #f9dedc; 20 --taler-on-error-container: #410e0b; 21 --taler-success: #337a40; 22 --taler-success-container: #eaf6ec; 23 --taler-on-success-container: #1d3522; 24 --taler-warning: #f99c06; 25 --taler-warning-container: #fdedd3; 26 --taler-on-warning-container: #6b4706; 27 28 /* The introduction uses the core Taler blue as its demo accent. */ 29 --demo-accent: #0042b3; 30 --demo-accent-hover: #00368f; 31 --demo-on-accent: #ffffff; 32 --demo-accent-container: #d3deff; 33 --demo-on-accent-container: #00134a; 34 --demo-accent-soft: #eef3ff; 35 36 --focus-ring: #338af0; 37 } 38 39 @media (prefers-color-scheme: dark) { 40 :root { 41 --taler-primary: #b4c5ff; 42 --taler-on-primary: #002a78; 43 --taler-primary-container: #0042b3; 44 --taler-on-primary-container: #e5ebff; 45 --taler-secondary: #a4c9ff; 46 --taler-secondary-container: #27364e; 47 --taler-on-secondary-container: #d9e3f9; 48 --taler-background: #11131a; 49 --taler-on-background: #e2e2eb; 50 --taler-surface: #1a1d26; 51 --taler-surface-muted: #222631; 52 --taler-outline: #a8abb5; 53 --taler-outline-variant: #454852; 54 --taler-error: #ffb4aa; 55 --taler-error-container: #690003; 56 --taler-on-error-container: #ffcbc4; 57 --taler-success: #8ed29b; 58 --taler-success-container: #1d3522; 59 --taler-on-success-container: #eaf6ec; 60 --taler-warning: #f99c06; 61 --taler-warning-container: #664200; 62 --taler-on-warning-container: #fdedd3; 63 64 --demo-accent: #b4c5ff; 65 --demo-accent-hover: #d3deff; 66 --demo-on-accent: #002a78; 67 --demo-accent-container: #0042b3; 68 --demo-on-accent-container: #e5ebff; 69 --demo-accent-soft: #162850; 70 71 --focus-ring: #8dd1e5; 72 } 73 }