summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorvin <git@vineetk.net>2024-06-29 11:33:41 -0400
committervin <git@vineetk.net>2024-06-29 11:35:49 -0400
commit3e51a0b76224780db13a1138aa71f10b427ca804 (patch)
treeb9599ea35556313eea9fc322908e51f202ac62eb
parent1551cf4ededd975dfff9575b1216bc61e7732023 (diff)
update theme to use my own unnamed colorscheme
-rw-r--r--.editorconfig12
-rw-r--r--LICENSE.md21
-rw-r--r--README.md4
-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 @@
1root = true
2
3[*]
4charset = utf-8
5end_of_line = lf
6insert_final_newline = true
7trim_trailing_whitespace = true
8indent_style = space
9indent_size = 2
10
11[*.md]
12trim_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
3Copyright (c) 2023 Yuri Plashenkov
4
5Permission is hereby granted, free of charge, to any person obtaining a copy
6of this software and associated documentation files (the "Software"), to deal
7in the Software without restriction, including without limitation the rights
8to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9copies of the Software, and to permit persons to whom the Software is
10furnished to do so, subject to the following conditions:
11
12The above copyright notice and this permission notice shall be included in all
13copies or substantial portions of the Software.
14
15THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21SOFTWARE.
diff --git a/README.md b/README.md
index 0b059bf..b0e5305 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,6 @@
1# Gitea Theme 1# Gitea Theme
2 2A dark theme based on my unnamed colorscheme.
3A 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
7Follow installation instructions from the official Gitea documentation: 5Follow installation instructions from the official Gitea documentation:
8https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea 6https://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}