| ... | ... | @@ -52,9 +52,27 @@ |
| 52 | 52 | --color-primary-light-2: lch(from var(--color-primary) calc(l * 1.28) c h); |
| 53 | 53 | --color-primary-light-3: lch(from var(--color-primary) calc(l * 1.48) c h); |
| 54 | 54 | --color-primary-light-4: lch(from var(--color-primary) calc(l * 1.68) c h); |
| 55 | | --color-primary-light-5: lch(from var(--color-primary) calc(l * 1.82) calc(c * 0.6) h); |
| 56 | | --color-primary-light-6: lch(from var(--color-primary) calc(l * 1.92) calc(c * 0.3) h); |
| 57 | | --color-primary-light-7: lch(from var(--color-primary) calc(l * 1.98) calc(c * 0.15) h); |
| 55 | --color-primary-light-5: lch( |
| 56 | from |
| 57 | var(--color-primary) |
| 58 | calc(l * 1.82) |
| 59 | calc(c * 0.6) |
| 60 | h |
| 61 | ); |
| 62 | --color-primary-light-6: lch( |
| 63 | from |
| 64 | var(--color-primary) |
| 65 | calc(l * 1.92) |
| 66 | calc(c * 0.3) |
| 67 | h |
| 68 | ); |
| 69 | --color-primary-light-7: lch( |
| 70 | from |
| 71 | var(--color-primary) |
| 72 | calc(l * 1.98) |
| 73 | calc(c * 0.15) |
| 74 | h |
| 75 | ); |
| 58 | 76 | --color-primary-alpha-10: lch(from var(--color-primary) l c h / 0.1); |
| 59 | 77 | --color-primary-alpha-20: lch(from var(--color-primary) l c h / 0.2); |
| 60 | 78 | --color-primary-alpha-30: lch(from var(--color-primary) l c h / 0.3); |
| ... | ... | @@ -64,38 +82,74 @@ |
| 64 | 82 | --color-primary-alpha-70: lch(from var(--color-primary) l c h / 0.7); |
| 65 | 83 | --color-primary-alpha-80: lch(from var(--color-primary) l c h / 0.8); |
| 66 | 84 | --color-primary-alpha-90: lch(from var(--color-primary) l c h / 0.9); |
| 67 | | --color-active: lch(from #e2e2e5 l calc(c * var(--f) + var(--l)) 320); |
| 85 | --color-active: var(--steel-600); |
| 86 | --color-secondary-alpha-10: lch(from var(--color-secondary) l c h / 0.1); |
| 87 | --color-secondary-alpha-20: lch(from var(--color-secondary) l c h / 0.2); |
| 88 | --color-secondary-alpha-30: lch(from var(--color-secondary) l c h / 0.3); |
| 89 | --color-secondary-alpha-40: lch(from var(--color-secondary) l c h / 0.4); |
| 90 | --color-secondary-alpha-50: lch(from var(--color-secondary) l c h / 0.5); |
| 91 | --color-secondary-alpha-60: lch(from var(--color-secondary) l c h / 0.6); |
| 92 | --color-secondary-alpha-70: lch(from var(--color-secondary) l c h / 0.7); |
| 93 | --color-secondary-alpha-80: lch(from var(--color-secondary) l c h / 0.8); |
| 94 | --color-secondary-alpha-90: lch(from var(--color-secondary) l c h / 0.9); |
| 68 | 95 | } |
| 69 | 96 | @media (not (prefers-color-scheme: dark)) { |
| 70 | 97 | :root { |
| 71 | | --color-secondary-alpha-10: lch(from #d4d4d819 l calc(c * var(--f) + var(--l)) h); |
| 72 | | --color-secondary-alpha-20: lch(from #d4d4d833 l calc(c * var(--f) + var(--l)) h); |
| 73 | | --color-secondary-alpha-30: lch(from #d4d4d84b l calc(c * var(--f) + var(--l)) h); |
| 74 | | --color-secondary-alpha-40: lch(from #d4d4d866 l calc(c * var(--f) + var(--l)) h); |
| 75 | | --color-secondary-alpha-50: lch(from #d4d4d880 l calc(c * var(--f) + var(--l)) h); |
| 76 | | --color-secondary-alpha-60: lch(from #d4d4d899 l calc(c * var(--f) + var(--l)) h); |
| 77 | | --color-secondary-alpha-70: lch(from #d4d4d8b3 l calc(c * var(--f) + var(--l)) h); |
| 78 | | --color-secondary-alpha-80: lch(from #d4d4d8cc l calc(c * var(--f) + var(--l)) h); |
| 79 | | --color-secondary-alpha-90: lch(from #d4d4d8e1 l calc(c * var(--f) + var(--l)) h); |
| 80 | 98 | --color-body: lch(from #fff l calc(c * var(--f) + var(--l)) h); |
| 81 | 99 | --color-text-dark: lch(from #000 l calc(c * var(--f) + var(--l)) h); |
| 82 | 100 | --color-input-background: lch(from #fff l calc(c * var(--f) + var(--l)) h); |
| 83 | | --color-input-toggle-background: lch(from #fff l calc(c * var(--f) + var(--l)) h); |
| 84 | | --color-header-wrapper-transparent: lch(from #d2e0f000 l calc(c * var(--f) + var(--l)) h); |
| 101 | --color-input-toggle-background: lch( |
| 102 | from |
| 103 | #fff |
| 104 | l |
| 105 | calc(c * var(--f) + var(--l)) |
| 106 | h |
| 107 | ); |
| 108 | --color-header-wrapper-transparent: lch( |
| 109 | from |
| 110 | #d2e0f000 |
| 111 | l |
| 112 | calc(c * var(--f) + var(--l)) |
| 113 | h |
| 114 | ); |
| 85 | 115 | --color-light-border: lch(from #0000001d l calc(c * var(--f) + var(--l)) h); |
| 86 | 116 | --color-hover: lch(from #e4e4e4aa l calc(c * var(--f) + var(--l)) h); |
| 87 | 117 | --color-active: lch(from #e2e2e5 l calc(c * var(--f) + var(--l)) 320); |
| 88 | | --color-markup-table-row: lch(from #ffffff06 l calc(c * var(--f) + var(--l)) h); |
| 118 | --color-markup-table-row: lch( |
| 119 | from |
| 120 | #ffffff06 |
| 121 | l |
| 122 | calc(c * var(--f) + var(--l)) |
| 123 | h |
| 124 | ); |
| 89 | 125 | --color-shadow: lch(from #00000060 l calc(c * var(--f) + var(--l)) h); |
| 90 | 126 | --color-text-focus: lch(from #fff l calc(c * var(--f) + var(--l)) h); |
| 91 | 127 | --color-reaction-bg: lch(from #0000000a l calc(c * var(--f) + var(--l)) h); |
| 92 | 128 | --color-tooltip-text: lch(from #ffffff l calc(c * var(--f) + var(--l)) h); |
| 93 | 129 | --color-tooltip-bg: lch(from #000000f0 l calc(c * var(--f) + var(--l)) h); |
| 94 | 130 | --color-label-bg: lch(from #cacaca7b l calc(c * var(--f) + var(--l)) h); |
| 95 | | --color-label-hover-bg: lch(from #cacacaa0 l calc(c * var(--f) + var(--l)) h); |
| 96 | | --color-label-active-bg: lch(from #cacacaff l calc(c * var(--f) + var(--l)) h); |
| 131 | --color-label-hover-bg: lch( |
| 132 | from |
| 133 | #cacacaa0 |
| 134 | l |
| 135 | calc(c * var(--f) + var(--l)) |
| 136 | h |
| 137 | ); |
| 138 | --color-label-active-bg: lch( |
| 139 | from |
| 140 | #cacacaff |
| 141 | l |
| 142 | calc(c * var(--f) + var(--l)) |
| 143 | h |
| 144 | ); |
| 97 | 145 | --color-label-bg-alt: lch(from #cacacaff l calc(c * var(--f) + var(--l)) h); |
| 98 | | --color-overlay-backdrop: lch(from #080808c0 l calc(c * var(--f) + var(--l)) h); |
| 146 | --color-overlay-backdrop: lch( |
| 147 | from |
| 148 | #080808c0 |
| 149 | l |
| 150 | calc(c * var(--f) + var(--l)) |
| 151 | h |
| 152 | ); |
| 99 | 153 | --checkerboard-color-1: lch(from #ffffff l calc(c * var(--f) + var(--l)) h); |
| 100 | 154 | --checkerboard-color-2: lch(from #e5e5e5 l calc(c * var(--f) + var(--l)) h); |
| 101 | 155 | } |
| ... | ... | @@ -103,11 +157,11 @@ |
| 103 | 157 | @media (prefers-color-scheme: dark) { |
| 104 | 158 | :root { |
| 105 | 159 | --f: 0.75; |
| 106 | | --color-primary: #E286F3; |
| 160 | --color-primary: #e286f3; |
| 107 | 161 | } |
| 108 | 162 | } |
| 109 | 163 | |
| 110 | | .organization.profile:has(.overflow-menu-items>a[href="/evil"]) { |
| 164 | .organization.profile:has(.overflow-menu-items > a[href="/evil"]) { |
| 111 | 165 | .org-avatar, .org-title { |
| 112 | 166 | clip: rect(1px, 1px, 1px, 1px); |
| 113 | 167 | clip-path: inset(50%); |
| ... | ... | @@ -130,7 +184,6 @@ |
| 130 | 184 | background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDUzIDQwNiI+PHBhdGggZmlsbD0iIzIwMTQyMiIgZD0iTTQ2IDQ2YzIgMTctNyAxMzUtMiAxNDBzMTI1LTQgMTQyLTJjMjYgNSAyNiA0MS0xIDQ1LTE3IDItMTM2LTgtMTQxLTMtNCA0IDUgMTA1IDMgMTE5IDE0LTQgMjktNiA0My03IDIzLTEgODgtNCAxMDggMCAyMiA0IDI0IDM5LTEgNDQtMzAgNi03NCAwLTEwNyAzLTI3IDItODYgMjYtODgtMTgtMi00MiAxNC05OSA2LTE0MiAwLTQtNi03LTctMTItNC0xOSA1LTE3IDctMjYgOC0zOC0xMS0xNDQgMi0xNzFDMTQgOSAyMCA1IDI4IDRjMTktMyAxMjQtNSAxNDEtMSAyMyA1IDE4IDQzLTMgNDNINDZabTEwMzYgMTc2Yy0xNS0xMC0zMyAzNC0zNyA0NC01IDE0LTEwIDMxLTEzIDQ2cy02IDU3LTExIDY3Yy0xMCAyMC00MSAxNC00My0xMi0xLTE3IDAtMTQxIDQtMTUxIDQtMTMgMjItMTUgMzMtOGw3IDljMSAwIDEyLTE5IDE2LTIyIDQ2LTUxIDc4IDMgMTAzIDQwIDE5IDI4IDc4IDExNCA4OCAxNDAgNyAyMS0xMCAzOC0yOSAyOS05LTUtMzctNjAtNDUtNzNsLTczLTEwOVptMzI2LTEwMWMyNS0xIDMyIDMwIDEwIDM5LTM0IDE0LTU4IDgtOTEgMzgtNjggNjAtMTIgMTIzIDU0IDE0NiAxOCA2IDY3IDkgNzEgMjcgMTAgNDUtODUgMTItMTAzIDUtMTUyLTY0LTExNS0yMDkgMjktMjQ4IDctMiAyMy03IDMwLTdaTTYzNiA1YzcgNyA1IDQyIDQgNTMgMCA3OC04IDE1Ni02IDIzNCAwIDI0IDkgNjYgNSA4Ni0zIDE5LTMxIDIxLTM0LTEtNC0yNiA1LTcwIDUtMTAwIDEtNzgtMTQtMTg0LTUtMjU4IDItMTYgMTktMjYgMzEtMTRaTTMxMyAzMTBjMjEtMzIgMzQtNzAgNTktOTkgMTAtMTEgMzItMzYgNDgtMjQgMjQgMTktMTMgMzgtMjMgNDgtMjAgMjMtMzkgNTctNTAgODYtNSAxMS0xNyA1Ni0yMyA2MS0xMyAxMC0yNiAzLTMyLTExLTktMTctNDQtMTIwLTQ3LTEzNy0zLTI1IDIzLTM2IDM2LTE5czIwIDc0IDMyIDk1Wm0xNzAtMTEzYzEyLTEyIDMyLTQgMzQgMTIgNSAyOC0xIDg0LTEgMTE3IDAgMTQgNyA1Mi00IDYyLTggNy0yMiA3LTI5LTItMTEtMTEtMy02OC0zLTg1IDAtMjctNi03MC0xLTk1IDAtMyAyLTYgNC05Wm0xNS01MmEyMSAyMSAwIDEgMCAwLTQyIDIxIDIxIDAgMCAwIDAgNDJaIi8+PHBhdGggZmlsbD0iI0UxODZGNCIgZD0iTTk1MSA0MGMyMyAyMS0xIDUzLTE2IDcwLTEzIDE1LTQ1IDUyLTY0IDUxLTYgMC00Ni0yMi01My0yNy0zOS0yNy0zNS0xMDIgMjctODkgOCAyIDI4IDE1IDMwIDE1IDMtMSAxMi0xNSAxNy0xOCAxNC0xMSA0NS0xNSA1OS0yWiIvPjxwYXRoIGZpbGw9IiMyMDE0MjIiIGQ9Ik04NjAgMzg3Yy0zLTQtNS05LTYtMTQtMy0yMi0zLTE1NSAwLTE3NiA0LTI0IDM3LTI1IDQwIDIgMyAyMCAzIDE1NiAwIDE3NS0yIDE3LTIyIDI0LTM0IDEzWiIvPjwvc3ZnPg); |
| 131 | 185 | @media (prefers-color-scheme: dark) { |
| 132 | 186 | background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDUzIDQwNiI+PHBhdGggZD0iTTQ2IDQ2YzIgMTctNyAxMzUtMiAxNDBzMTI1LTQgMTQyLTJjMjYgNSAyNiA0MS0xIDQ1LTE3IDItMTM2LTgtMTQxLTMtNCA0IDUgMTA1IDMgMTE5IDE0LTQgMjktNiA0My03IDIzLTEgODgtNCAxMDggMCAyMiA0IDI0IDM5LTEgNDQtMzAgNi03NCAwLTEwNyAzLTI3IDItODYgMjYtODgtMTgtMi00MiAxNC05OSA2LTE0MiAwLTQtNi03LTctMTItNC0xOSA1LTE3IDctMjYgOC0zOC0xMS0xNDQgMi0xNzFDMTQgOSAyMCA1IDI4IDRjMTktMyAxMjQtNSAxNDEtMSAyMyA1IDE4IDQzLTMgNDNINDZabTEwMzYgMTc2Yy0xNS0xMC0zMyAzNC0zNyA0NC01IDE0LTEwIDMxLTEzIDQ2cy02IDU3LTExIDY3Yy0xMCAyMC00MSAxNC00My0xMi0xLTE3IDAtMTQxIDQtMTUxIDQtMTMgMjItMTUgMzMtOGw3IDljMSAwIDEyLTE5IDE2LTIyIDQ2LTUxIDc4IDMgMTAzIDQwIDE5IDI4IDc4IDExNCA4OCAxNDAgNyAyMS0xMCAzOC0yOSAyOS05LTUtMzctNjAtNDUtNzNsLTczLTEwOVptMzI2LTEwMWMyNS0xIDMyIDMwIDEwIDM5LTM0IDE0LTU4IDgtOTEgMzgtNjggNjAtMTIgMTIzIDU0IDE0NiAxOCA2IDY3IDkgNzEgMjcgMTAgNDUtODUgMTItMTAzIDUtMTUyLTY0LTExNS0yMDkgMjktMjQ4IDctMiAyMy03IDMwLTdaTTYzNiA1YzcgNyA1IDQyIDQgNTMgMCA3OC04IDE1Ni02IDIzNCAwIDI0IDkgNjYgNSA4Ni0zIDE5LTMxIDIxLTM0LTEtNC0yNiA1LTcwIDUtMTAwIDEtNzgtMTQtMTg0LTUtMjU4IDItMTYgMTktMjYgMzEtMTRaTTMxMyAzMTBjMjEtMzIgMzQtNzAgNTktOTkgMTAtMTEgMzItMzYgNDgtMjQgMjQgMTktMTMgMzgtMjMgNDgtMjAgMjMtMzkgNTctNTAgODYtNSAxMS0xNyA1Ni0yMyA2MS0xMyAxMC0yNiAzLTMyLTExLTktMTctNDQtMTIwLTQ3LTEzNy0zLTI1IDIzLTM2IDM2LTE5czIwIDc0IDMyIDk1Wm0xNzAtMTEzYzEyLTEyIDMyLTQgMzQgMTIgNSAyOC0xIDg0LTEgMTE3IDAgMTQgNyA1Mi00IDYyLTggNy0yMiA3LTI5LTItMTEtMTEtMy02OC0zLTg1IDAtMjctNi03MC0xLTk1IDAtMyAyLTYgNC05Wm0xNS01MmEyMSAyMSAwIDEgMCAwLTQyIDIxIDIxIDAgMCAwIDAgNDJaIiBmaWxsPSIjZTZkYmU3Ii8+PHBhdGggZmlsbD0iI0UxODZGNCIgZD0iTTk1MSA0MGMyMyAyMS0xIDUzLTE2IDcwLTEzIDE1LTQ1IDUyLTY0IDUxLTYgMC00Ni0yMi01My0yNy0zOS0yNy0zNS0xMDIgMjctODkgOCAyIDI4IDE1IDMwIDE1IDMtMSAxMi0xNSAxNy0xOCAxNC0xMSA0NS0xNSA1OS0yWiIvPjxwYXRoIGQ9Ik04NjAgMzg3Yy0zLTQtNS05LTYtMTQtMy0yMi0zLTE1NSAwLTE3NiA0LTI0IDM3LTI1IDQwIDIgMyAyMCAzIDE1NiAwIDE3NS0yIDE3LTIyIDI0LTM0IDEzWiIgZmlsbD0iI2U2ZGJlNyIvPjwvc3ZnPg); |
| 133 | | |
| 134 | 187 | } |
| 135 | 188 | } |
| 136 | 189 | } |