|
| 1 | +/* |
| 2 | + * Serif Light writea theme |
| 3 | + */ |
| 4 | + |
| 5 | +writea-theme-config { |
| 6 | + --theme-color: #242424; |
| 7 | +} |
| 8 | + |
| 9 | +:root { |
| 10 | + color-scheme: light; |
| 11 | + |
| 12 | + --bs-body-color: #242424; |
| 13 | + --bs-body-color-rgb: 36, 36, 36; |
| 14 | + --bs-body-bg: #ffffff; |
| 15 | + --bs-body-bg-rgb: 255, 255, 255; |
| 16 | + --bs-surface-color: #242424; |
| 17 | + --bs-surface-color-rgb: 36, 36, 36; |
| 18 | + --bs-surface-bg: #fafafa; |
| 19 | + --bs-surface-bg-rgb: 250, 250, 250; |
| 20 | + --bs-surface-bg-hover: #f2f2f2; |
| 21 | + |
| 22 | + --bs-emphasis-color: #000000; |
| 23 | + --bs-emphasis-color-rgb: 0, 0, 0; |
| 24 | + --bs-muted-color: #6b6b6b; |
| 25 | + --bs-heading-color: inherit; |
| 26 | + |
| 27 | + --bs-primary: #242424; |
| 28 | + --bs-primary-hover: #1a1a1a; |
| 29 | + --bs-primary-active: #000000; |
| 30 | + --bs-primary-subtle: #f2f2f2; |
| 31 | + --bs-primary-subtle-hover: #e6e6e6; |
| 32 | + --bs-primary-subtle-active: #d9d9d9; |
| 33 | + --bs-primary-emphasis: #000000; |
| 34 | + --bs-primary-emphasis-hover: #1a1a1a; |
| 35 | + --bs-primary-border-subtle: #d9d9d9; |
| 36 | + --bs-primary-rgb: 36, 36, 36; |
| 37 | + --bs-text-on-primary: #ffffff; |
| 38 | + |
| 39 | + --bs-secondary: #6b6b6b; |
| 40 | + --bs-secondary-rgb: 107, 107, 107; |
| 41 | + --bs-secondary-hover: #565656; |
| 42 | + --bs-secondary-active: #404040; |
| 43 | + --bs-secondary-subtle: #f0f0f0; |
| 44 | + --bs-secondary-subtle-hover: #e6e6e6; |
| 45 | + --bs-secondary-subtle-active: #cccccc; |
| 46 | + --bs-secondary-emphasis: #333333; |
| 47 | + --bs-secondary-emphasis-hover: #292929; |
| 48 | + --bs-text-on-secondary: #ffffff; |
| 49 | + --bs-secondary-border-subtle: #cccccc; |
| 50 | + |
| 51 | + --bs-tertiary: #404040; |
| 52 | + --bs-tertiary-rgb: 64, 64, 64; |
| 53 | + --bs-tertiary-hover: #333333; |
| 54 | + --bs-tertiary-active: #262626; |
| 55 | + --bs-tertiary-subtle: #f5f5f5; |
| 56 | + --bs-tertiary-subtle-hover: #ebebeb; |
| 57 | + --bs-tertiary-subtle-active: #d6d6d6; |
| 58 | + --bs-tertiary-emphasis: #1a1a1a; |
| 59 | + --bs-tertiary-emphasis-hover: #141414; |
| 60 | + --bs-text-on-tertiary: #ffffff; |
| 61 | + --bs-tertiary-border-subtle: #d6d6d6; |
| 62 | + |
| 63 | + --bs-success: #1a8917; |
| 64 | + --bs-success-rgb: 26, 137, 23; |
| 65 | + --bs-success-hover: #156912; |
| 66 | + --bs-success-active: #115a0f; |
| 67 | + --bs-success-subtle: #e6f3e6; |
| 68 | + --bs-success-subtle-hover: #d1e9d1; |
| 69 | + --bs-success-subtle-active: #a3d4a2; |
| 70 | + --bs-success-emphasis: #0f4c0d; |
| 71 | + --bs-success-emphasis-hover: #0d400b; |
| 72 | + --bs-text-on-success: #ffffff; |
| 73 | + --bs-success-border-subtle: #a3d4a2; |
| 74 | + |
| 75 | + --bs-info: #3b49df; |
| 76 | + --bs-info-rgb: 59, 73, 223; |
| 77 | + --bs-info-hover: #2f3ab2; |
| 78 | + --bs-info-active: #232b85; |
| 79 | + --bs-info-subtle: #e8eaf6; |
| 80 | + --bs-info-subtle-hover: #d4d7ed; |
| 81 | + --bs-info-subtle-active: #a9afdb; |
| 82 | + --bs-info-emphasis: #1d246f; |
| 83 | + --bs-info-emphasis-hover: #181d5c; |
| 84 | + --bs-text-on-info: #ffffff; |
| 85 | + --bs-info-border-subtle: #a9afdb; |
| 86 | + |
| 87 | + --bs-warning: #ffc017; |
| 88 | + --bs-warning-rgb: 255, 192, 23; |
| 89 | + --bs-warning-hover: #cc9a12; |
| 90 | + --bs-warning-active: #99730e; |
| 91 | + --bs-warning-subtle: #fff8e6; |
| 92 | + --bs-warning-subtle-hover: #fff1cc; |
| 93 | + --bs-warning-subtle-active: #ffe499; |
| 94 | + --bs-warning-emphasis: #806008; |
| 95 | + --bs-warning-emphasis-hover: #664d06; |
| 96 | + --bs-text-on-warning: #000000; |
| 97 | + --bs-warning-border-subtle: #ffe499; |
| 98 | + |
| 99 | + --bs-danger: #dc2626; |
| 100 | + --bs-danger-rgb: 220, 38, 38; |
| 101 | + --bs-danger-hover: #b01e1e; |
| 102 | + --bs-danger-active: #841717; |
| 103 | + --bs-danger-subtle: #fde7e7; |
| 104 | + --bs-danger-subtle-hover: #fbd0d0; |
| 105 | + --bs-danger-subtle-active: #f7a1a1; |
| 106 | + --bs-danger-emphasis: #6d1313; |
| 107 | + --bs-danger-emphasis-hover: #570f0f; |
| 108 | + --bs-text-on-danger: #ffffff; |
| 109 | + --bs-danger-border-subtle: #f7a1a1; |
| 110 | + |
| 111 | + --bs-light: #fafafa; |
| 112 | + --bs-light-rgb: 250, 250, 250; |
| 113 | + --bs-light-hover: #f5f5f5; |
| 114 | + --bs-light-active: #f0f0f0; |
| 115 | + --bs-light-subtle: #737373; |
| 116 | + --bs-light-subtle-hover: #808080; |
| 117 | + --bs-light-subtle-active: #999999; |
| 118 | + --bs-light-emphasis: #f0f0f0; |
| 119 | + --bs-light-emphasis-hover: #ebebeb; |
| 120 | + --bs-text-on-light: #000000; |
| 121 | + --bs-light-border-subtle: #999999; |
| 122 | + |
| 123 | + --bs-dark: #242424; |
| 124 | + --bs-dark-rgb: 36, 36, 36; |
| 125 | + --bs-dark-hover: #1a1a1a; |
| 126 | + --bs-dark-active: #0f0f0f; |
| 127 | + --bs-dark-subtle: #e6e6e6; |
| 128 | + --bs-dark-subtle-hover: #d1d1d1; |
| 129 | + --bs-dark-subtle-active: #a3a3a3; |
| 130 | + --bs-dark-emphasis: #0a0a0a; |
| 131 | + --bs-dark-emphasis-hover: #050505; |
| 132 | + --bs-text-on-dark: #ffffff; |
| 133 | + --bs-dark-border-subtle: #a3a3a3; |
| 134 | + |
| 135 | + --bs-border-color: #e6e6e6; |
| 136 | + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); |
| 137 | + --bs-border-radius: 0.25rem; |
| 138 | + --bs-border-width: 1px; |
| 139 | +} |
0 commit comments