diff options
| author | vin <git@vineetk.net> | 2024-06-29 11:33:41 -0400 |
|---|---|---|
| committer | vin <git@vineetk.net> | 2024-06-29 11:35:49 -0400 |
| commit | 3e51a0b76224780db13a1138aa71f10b427ca804 (patch) | |
| tree | b9599ea35556313eea9fc322908e51f202ac62eb | |
| parent | 1551cf4ededd975dfff9575b1216bc61e7732023 (diff) | |
update theme to use my own unnamed colorscheme
| -rw-r--r-- | .editorconfig | 12 | ||||
| -rw-r--r-- | LICENSE.md | 21 | ||||
| -rw-r--r-- | README.md | 4 | ||||
| -rw-r--r-- | assets/css/theme-unnamed.css (renamed from assets/css/theme-deep-dark.css) | 104 |
4 files changed, 50 insertions, 91 deletions
diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index f15441a..0000000 --- a/.editorconfig +++ /dev/null | |||
| @@ -1,12 +0,0 @@ | |||
| 1 | root = true | ||
| 2 | |||
| 3 | [*] | ||
| 4 | charset = utf-8 | ||
| 5 | end_of_line = lf | ||
| 6 | insert_final_newline = true | ||
| 7 | trim_trailing_whitespace = true | ||
| 8 | indent_style = space | ||
| 9 | indent_size = 2 | ||
| 10 | |||
| 11 | [*.md] | ||
| 12 | trim_trailing_whitespace = false | ||
diff --git a/LICENSE.md b/LICENSE.md deleted file mode 100644 index dc45fd4..0000000 --- a/LICENSE.md +++ /dev/null | |||
| @@ -1,21 +0,0 @@ | |||
| 1 | # MIT License | ||
| 2 | |||
| 3 | Copyright (c) 2023 Yuri Plashenkov | ||
| 4 | |||
| 5 | Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| 6 | of this software and associated documentation files (the "Software"), to deal | ||
| 7 | in the Software without restriction, including without limitation the rights | ||
| 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| 9 | copies of the Software, and to permit persons to whom the Software is | ||
| 10 | furnished to do so, subject to the following conditions: | ||
| 11 | |||
| 12 | The above copyright notice and this permission notice shall be included in all | ||
| 13 | copies or substantial portions of the Software. | ||
| 14 | |||
| 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
| 21 | SOFTWARE. | ||
| @@ -1,8 +1,6 @@ | |||
| 1 | # Gitea Theme | 1 | # Gitea Theme |
| 2 | 2 | A dark theme based on my unnamed colorscheme. | |
| 3 | A dark theme based on [Yuri Plashenkov's Deep Dark theme](https://code.plashenkov.com/plashenkov/gitea-theme-deep-dark). | ||
| 4 | 3 | ||
| 5 | ## Installation | 4 | ## Installation |
| 6 | |||
| 7 | Follow installation instructions from the official Gitea documentation: | 5 | Follow installation instructions from the official Gitea documentation: |
| 8 | https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea | 6 | https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea |
diff --git a/assets/css/theme-deep-dark.css b/assets/css/theme-unnamed.css index 46a81e0..756f23b 100644 --- a/assets/css/theme-deep-dark.css +++ b/assets/css/theme-unnamed.css | |||
| @@ -1,27 +1,21 @@ | |||
| 1 | /** | ||
| 2 | * Deep Dark Gitea Theme | ||
| 3 | * @author Yuri Plashenkov | ||
| 4 | * @license MIT | ||
| 5 | */ | ||
| 6 | |||
| 7 | @import url(theme-arc-green.css); | 1 | @import url(theme-arc-green.css); |
| 8 | 2 | ||
| 9 | :root { | 3 | :root { |
| 10 | --is-dark-theme: true; | 4 | --is-dark-theme: true; |
| 11 | --fonts-monospace: monospace, var(--fonts-emoji); | 5 | --fonts-monospace: monospace, var(--fonts-emoji); |
| 12 | --color-primary: #87ab63; | 6 | --color-primary: #9a6200; |
| 13 | --color-primary-contrast: #fff; | 7 | --color-primary-contrast: #fff; |
| 14 | --color-primary-dark-1: #93b373; | 8 | --color-primary-dark-1: #93b373; |
| 15 | --color-primary-dark-2: #9fbc82; | 9 | --color-primary-dark-2: #b77400; |
| 16 | --color-primary-dark-3: #abc492; | 10 | --color-primary-dark-3: #abc492; |
| 17 | --color-primary-dark-4: #b7cda1; | 11 | --color-primary-dark-4: #cd8200; |
| 18 | --color-primary-dark-5: #cfddc1; | 12 | --color-primary-dark-5: #cfddc1; |
| 19 | --color-primary-dark-6: #e7eee0; | 13 | --color-primary-dark-6: #e7eee0; |
| 20 | --color-primary-dark-7: #f8faf6; | 14 | --color-primary-dark-7: #f8faf6; |
| 21 | --color-primary-light-1: #7a9e55; | 15 | --color-primary-light-1: #9a6200d0; |
| 22 | --color-primary-light-2: #6c8c4c; | 16 | --color-primary-light-2: #9a6200b0; |
| 23 | --color-primary-light-3: #5f7b42; | 17 | --color-primary-light-3: #5f7b42; |
| 24 | --color-primary-light-4: #516939; | 18 | --color-primary-light-4: #9a620080; |
| 25 | --color-primary-light-5: #364626; | 19 | --color-primary-light-5: #364626; |
| 26 | --color-primary-light-6: #1b2313; | 20 | --color-primary-light-6: #1b2313; |
| 27 | --color-primary-light-7: #080b06; | 21 | --color-primary-light-7: #080b06; |
| @@ -36,7 +30,7 @@ | |||
| 36 | --color-primary-alpha-90: #87ab63e1; | 30 | --color-primary-alpha-90: #87ab63e1; |
| 37 | --color-primary-hover: var(--color-primary-light-1); | 31 | --color-primary-hover: var(--color-primary-light-1); |
| 38 | --color-primary-active: var(--color-primary-light-2); | 32 | --color-primary-active: var(--color-primary-light-2); |
| 39 | --color-secondary: #424247; | 33 | --color-secondary: #1b1918; |
| 40 | --color-secondary-dark-1: #515358; | 34 | --color-secondary-dark-1: #515358; |
| 41 | --color-secondary-dark-2: #71737a; | 35 | --color-secondary-dark-2: #71737a; |
| 42 | --color-secondary-dark-3: #767778; | 36 | --color-secondary-dark-3: #767778; |
| @@ -54,15 +48,15 @@ | |||
| 54 | --color-secondary-light-2: #242427; | 48 | --color-secondary-light-2: #242427; |
| 55 | --color-secondary-light-3: #1e1e20; | 49 | --color-secondary-light-3: #1e1e20; |
| 56 | --color-secondary-light-4: #141415; | 50 | --color-secondary-light-4: #141415; |
| 57 | --color-secondary-alpha-10: #42424719; | 51 | --color-secondary-alpha-10: #1b191819; |
| 58 | --color-secondary-alpha-20: #42424733; | 52 | --color-secondary-alpha-20: #1b191833; |
| 59 | --color-secondary-alpha-30: #4242474b; | 53 | --color-secondary-alpha-30: #1b19184b; |
| 60 | --color-secondary-alpha-40: #42424766; | 54 | --color-secondary-alpha-40: #1b191866; |
| 61 | --color-secondary-alpha-50: #42424780; | 55 | --color-secondary-alpha-50: #1b191880; |
| 62 | --color-secondary-alpha-60: #42424799; | 56 | --color-secondary-alpha-60: #1b191899; |
| 63 | --color-secondary-alpha-70: #424247b3; | 57 | --color-secondary-alpha-70: #1b1918b3; |
| 64 | --color-secondary-alpha-80: #424247cc; | 58 | --color-secondary-alpha-80: #1b1918cc; |
| 65 | --color-secondary-alpha-90: #424247e1; | 59 | --color-secondary-alpha-90: #1b1918e1; |
| 66 | --color-secondary-button: var(--color-secondary-dark-4); | 60 | --color-secondary-button: var(--color-secondary-dark-4); |
| 67 | --color-secondary-hover: var(--color-secondary-dark-3); | 61 | --color-secondary-hover: var(--color-secondary-dark-3); |
| 68 | --color-secondary-active: var(--color-secondary-dark-2); | 62 | --color-secondary-active: var(--color-secondary-dark-2); |
| @@ -178,35 +172,35 @@ | |||
| 178 | --color-orange-badge-bg: #f2711c1a; | 172 | --color-orange-badge-bg: #f2711c1a; |
| 179 | --color-orange-badge-hover-bg: #f2711c4d; | 173 | --color-orange-badge-hover-bg: #f2711c4d; |
| 180 | --color-git: #f05133; | 174 | --color-git: #f05133; |
| 181 | --color-body: #1b1b1d; | 175 | --color-body: #0e0c06; |
| 182 | --color-box-header: #232324; | 176 | --color-box-header: #0e0c06; |
| 183 | --color-box-body: #171718; | 177 | --color-box-body: #0e0c06; |
| 184 | --color-box-body-highlight: #1b1b1c; | 178 | --color-box-body-highlight: #1b1b1c; |
| 185 | --color-text-dark: #dbe0ea; | 179 | --color-text-dark: #d4b782; |
| 186 | --color-text: #cbd0da; | 180 | --color-text: #d4b782; |
| 187 | --color-text-light: #bbbfca; | 181 | --color-text-light: #d4b782; |
| 188 | --color-text-light-1: #aaafb9; | 182 | --color-text-light-1: #cfb688; |
| 189 | --color-text-light-2: #9a9ea9; | 183 | --color-text-light-2: #cfb688; |
| 190 | --color-text-light-3: #8a8e99; | 184 | --color-text-light-3: #f0d8ad; |
| 191 | --color-footer: #171718; | 185 | --color-footer: #0e0c06; |
| 192 | --color-timeline: #424247; | 186 | --color-timeline: #1b1918; |
| 193 | --color-input-text: #dfe3ec; | 187 | --color-input-text: #cfb688; |
| 194 | --color-input-background: #171718; | 188 | --color-input-background: #0e0c06; |
| 195 | --color-input-toggle-background: #323235; | 189 | --color-input-toggle-background: #323235; |
| 196 | --color-input-border: var(--color-secondary); | 190 | --color-input-border: var(--color-secondary); |
| 197 | --color-input-border-hover: var(--color-secondary-dark-1); | 191 | --color-input-border-hover: var(--color-secondary-dark-1); |
| 198 | --color-header-wrapper: #171718; | 192 | --color-header-wrapper: #0e0c06; |
| 199 | --color-light: #00000028; | 193 | --color-light: #00000028; |
| 200 | --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); | 194 | --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); |
| 201 | --color-light-border: #ffffff28; | 195 | --color-light-border: #1b1918; |
| 202 | --color-hover: #ffffff19; | 196 | --color-hover: #1b1918; |
| 203 | --color-active: #ffffff24; | 197 | --color-active: #1b191880; |
| 204 | --color-menu: #171718; | 198 | --color-menu: #0e0c06; |
| 205 | --color-card: #171718; | 199 | --color-card: #0e0c06; |
| 206 | --color-markup-table-row: #ffffff06; | 200 | --color-markup-table-row: #ffffff06; |
| 207 | --color-markup-code-block: #ffffff06; | 201 | --color-markup-code-block: #ffffff06; |
| 208 | --color-button: #34343a; | 202 | --color-button: #1b1918; |
| 209 | --color-code-bg: #171718; | 203 | --color-code-bg: #0e0c06; |
| 210 | --color-code-sidebar-bg: #141414; | 204 | --color-code-sidebar-bg: #141414; |
| 211 | --color-shadow: #00000060; | 205 | --color-shadow: #00000060; |
| 212 | --color-secondary-bg: #202022; | 206 | --color-secondary-bg: #202022; |
| @@ -221,16 +215,16 @@ | |||
| 221 | --color-reaction-active-bg: var(--color-primary-light-5); | 215 | --color-reaction-active-bg: var(--color-primary-light-5); |
| 222 | --color-tooltip-text: #fff; | 216 | --color-tooltip-text: #fff; |
| 223 | --color-tooltip-bg: #000000f0; | 217 | --color-tooltip-bg: #000000f0; |
| 224 | --color-nav-bg: #171718; | 218 | --color-nav-bg: #0e0c06; |
| 225 | --color-nav-hover-bg: #ffffff19; | 219 | --color-nav-hover-bg: #ffffff19; |
| 226 | --color-label-text: #dfe3ec; | 220 | --color-label-text: #d4b782; |
| 227 | --color-label-bg: #6263664b; | 221 | --color-label-bg: #1b19184b; |
| 228 | --color-label-hover-bg: #626366a0; | 222 | --color-label-hover-bg: #1b1918a0; |
| 229 | --color-label-active-bg: #626366; | 223 | --color-label-active-bg: #1b1918; |
| 230 | --color-accent: var(--color-primary-light-1); | 224 | --color-accent: var(--color-primary-light-1); |
| 231 | --color-small-accent: var(--color-primary-light-5); | 225 | --color-small-accent: var(--color-primary-light-5); |
| 232 | --color-active-line: #534d1b; | 226 | --color-active-line: #534d1b; |
| 233 | --color-secondary-dimmed: #2d2d33; | 227 | --color-secondary-dimmed: #0e0c06; |
| 234 | accent-color: var(--color-accent); | 228 | accent-color: var(--color-accent); |
| 235 | color-scheme: dark; | 229 | color-scheme: dark; |
| 236 | } | 230 | } |
| @@ -298,7 +292,7 @@ | |||
| 298 | .ui.card { | 292 | .ui.card { |
| 299 | border-radius: 6px; | 293 | border-radius: 6px; |
| 300 | border-color: var(--color-secondary-dimmed); | 294 | border-color: var(--color-secondary-dimmed); |
| 301 | box-shadow: 8px 8px 7px rgba(255, 255, 255, 0.01); | 295 | /* box-shadow: 8px 8px 7px rgba(255, 255, 255, 0.01); */ |
| 302 | } | 296 | } |
| 303 | 297 | ||
| 304 | .ui.basic.labels .label, | 298 | .ui.basic.labels .label, |
| @@ -317,7 +311,7 @@ | |||
| 317 | .ui.button:hover, | 311 | .ui.button:hover, |
| 318 | .ui.basic.buttons .button:hover, | 312 | .ui.basic.buttons .button:hover, |
| 319 | .ui.basic.button:hover { | 313 | .ui.basic.button:hover { |
| 320 | background: #3e3e45; | 314 | background: var(--color-button); |
| 321 | } | 315 | } |
| 322 | 316 | ||
| 323 | .ui.active.button, | 317 | .ui.active.button, |
| @@ -330,16 +324,16 @@ | |||
| 330 | .ui.basic.active.button, | 324 | .ui.basic.active.button, |
| 331 | .ui.basic.buttons .active.button:hover, | 325 | .ui.basic.buttons .active.button:hover, |
| 332 | .ui.basic.active.button:hover { | 326 | .ui.basic.active.button:hover { |
| 333 | background: #232326; | 327 | background: var(--color-button); |
| 334 | } | 328 | } |
| 335 | 329 | ||
| 336 | .repo-buttons .ui.labeled.button > .label:hover { | 330 | .repo-buttons .ui.labeled.button > .label:hover { |
| 337 | color: var(--color-text); | 331 | color: var(--color-text); |
| 338 | background: #3e3e45; | 332 | background: var(--color-secondary); |
| 339 | } | 333 | } |
| 340 | 334 | ||
| 341 | .repo-buttons .ui.labeled.button > .label:active { | 335 | .repo-buttons .ui.labeled.button > .label:active { |
| 342 | background: #232326; | 336 | background: var(--color-button); |
| 343 | } | 337 | } |
| 344 | 338 | ||
| 345 | .ui.cards > .card > .extra, | 339 | .ui.cards > .card > .extra, |
| @@ -435,7 +429,7 @@ img[alt="404"] { | |||
| 435 | } | 429 | } |
| 436 | 430 | ||
| 437 | .repository #clone-panel > button.primary { | 431 | .repository #clone-panel > button.primary { |
| 438 | border: 1px solid var(--color-primary-dark-2) !important; | 432 | border: 1px solid var(--color-border) !important; |
| 439 | margin-right: -1px; | 433 | margin-right: -1px; |
| 440 | z-index: 1; | 434 | z-index: 1; |
| 441 | } | 435 | } |
