From 70cf532fd11f5c1c1171fbced9ae46fd85362b4f Mon Sep 17 00:00:00 2001 From: Sangelo Date: Wed, 13 Mar 2024 09:16:07 +0100 Subject: [PATCH] [experiment] Update themes with newer in-dev version --- theme-gitpot-dark.css | 81 ++++++++++++------------------------------ theme-gitpot-light.css | 47 +++++++++++++----------- 2 files changed, 50 insertions(+), 78 deletions(-) diff --git a/theme-gitpot-dark.css b/theme-gitpot-dark.css index 4e23b5f..bb614b3 100644 --- a/theme-gitpot-dark.css +++ b/theme-gitpot-dark.css @@ -1,6 +1,6 @@ /* // Gitpot Dark Theme based on the default Forgejo theme -// v1.0.1 +// v1.1.1 // https://codeberg.org/forgejo/forgejo/src/branch/forgejo/web_src/css/themes/theme-forgejo-dark.css // Copyright (c) 2022 The Forgejo Authors @@ -88,6 +88,15 @@ --color-secondary-alpha-90: #2b3642e1; --color-secondary-hover: var(--color-secondary-light-1); --color-secondary-active: var(--color-secondary-light-2); + /* console colors - used for actions console and console files */ + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; /* colors */ --color-red: #b91c1c; --color-orange: #F9774C; @@ -202,10 +211,7 @@ --color-header-wrapper: var(--steel-850); --color-header-wrapper-transparent: #242d3800; --color-light: #00000028; - --color-light-mimic-enabled: rgba(0, - 0, - 0, - calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-border: #ffffff28; --color-hover: var(--steel-600); --color-active: var(--steel-650); @@ -243,7 +249,6 @@ accent-color: var(--color-accent); color-scheme: dark; } - /* invert emojis that are hard to read otherwise */ .emoji[aria-label="check mark"], .emoji[aria-label="currency exchange"], @@ -267,93 +272,53 @@ .emoji[aria-label="musical notes"] { filter: invert(100%) hue-rotate(180deg); } - -.following.bar.light { - border-bottom-color: #ffffff11 !important; -} - .text.green.svg { - color: #16a34a !important; + color: var(--color-green-light) !important; } - i.grey.icon.icon.icon.icon { color: var(--steel-350) !important; } - -.ui.red.button, -.ui.negative.button { - background-color: #7f1d1d; -} - -.ui.red.button:hover, -.ui.negative.button:hover { - background-color: #991b1b; -} - -.ui.red.button:active, -.ui.negative.button:active { - background-color: #aa1919; -} - .ui.secondary.vertical.menu { border-radius: 0.28571429rem !important; overflow: hidden; } - -.ui.secondary.vertical.menu>.item { +.ui.secondary.vertical.menu > .item { border-radius: 0 !important; } - .ui.basic.primary.button.item { background-color: var(--color-active) !important; color: var(--color-text) !important; box-shadow: none !important; } - .ui.red.label.notification_count, .ui.primary.label, .ui.primary.labels .label { background-color: var(--color-primary-light-3) !important; } - -.repository.view.issue .comment-list .code-comment+.code-comment { +.repository.view.issue .comment-list .code-comment + .code-comment { margin: 1.25rem 0 !important; padding-top: 1.25rem !important; border-top-color: var(--steel-650) !important; } - -.ui.labeled.icon.buttons>.button>.icon, -.ui.labeled.icon.button>.icon { - background-color: rgba(0, 0, 0, 0.05) !important; +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + background-color: var(--color-light) !important; } - #review-box .review-comments-counter { - background-color: #00000088 !important; - color: #fff !important; + background-color: var(--color-shadow) !important; + color: var(--color-white) !important; margin-left: 0.5em; } - -.ui.tabs .ui.primary.label, -.ui.menu .ui.primary.label { - background-color: rgba(192, 192, 255, 0.2) !important; +.ui.basic.labels .primary.label, +.ui.ui.ui.basic.primary.label { color: var(--color-text-dark) !important; } - .ui.basic.yellow.label.pending-label { background: var(--color-light) !important; } - -.ui.tertiary.button { - color: #fff9; -} - -.ui.tertiary.button:hover { - color: #ccc; -} - ::selection { background: var(--steel-100) !important; - color: #000 !important; + color: var(--color-white) !important; } /* tweaks */ @@ -363,4 +328,4 @@ i.grey.icon.icon.icon.icon { .ui.primary.label { color: var(--color-text-dark) !important; -} +} \ No newline at end of file diff --git a/theme-gitpot-light.css b/theme-gitpot-light.css index f8a5ec5..a0b76c2 100644 --- a/theme-gitpot-light.css +++ b/theme-gitpot-light.css @@ -1,6 +1,6 @@ /* // Gitpot Light Theme based on the default Forgejo theme -// v1.0.1 +// v1.1.1 // https://codeberg.org/forgejo/forgejo/src/branch/forgejo/web_src/css/themes/theme-forgejo-light.css // Copyright (c) 2022 The Forgejo Authors @@ -50,7 +50,7 @@ --color-primary: #E84E1B; --color-primary-contrast: #ffffff; - + --color-primary-dark-1: #E84E1B; --color-primary-dark-2: #cc4012; --color-primary-dark-3: #aa340c; @@ -108,6 +108,15 @@ --color-secondary-alpha-90: #d4d4d8e1; --color-secondary-hover: var(--color-secondary-dark-2); --color-secondary-active: var(--color-secondary-dark-4); + /* console colors - used for actions console and console files */ + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; /* colors */ --color-red: #dc2626; --color-orange: #e66338; @@ -188,9 +197,9 @@ --color-info-border: #bae6fd; --color-info-bg: #e0f2fe; --color-info-text: #0c4a6e; - --color-red-badge: #B91C1C; - --color-red-badge-bg: #B91C1C22; - --color-red-badge-hover-bg: #B91C1C44; + --color-red-badge: #b91c1c; + --color-red-badge-bg: #b91c1c22; + --color-red-badge-hover-bg: #b91c1c44; --color-green-badge: #16a34a; --color-green-badge-bg: #16a34a22; --color-green-badge-hover-bg: #16a34a44; @@ -220,7 +229,7 @@ --color-input-border: var(--zinc-300); --color-input-border-hover: var(--zinc-400); --color-header-wrapper: var(--zinc-50); - --color-header-wrapper-transparent: #D2E0F000; + --color-header-wrapper-transparent: #d2e0f000; --color-light: #ffffffcc; --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-border: #0000001d; @@ -261,7 +270,7 @@ } .text.green.svg { - color: #16a34a !important; + color: var(--color-green-light) !important; } .ui.secondary.vertical.menu { @@ -269,7 +278,7 @@ overflow: hidden; } -.ui.secondary.vertical.menu>.item { +.ui.secondary.vertical.menu > .item { border-radius: 0 !important; } @@ -284,36 +293,34 @@ background-color: var(--color-primary-dark-1) !important; } -.repository.view.issue .comment-list .code-comment+.code-comment { +.repository.view.issue .comment-list .code-comment + .code-comment { margin: 1.25rem 0 !important; padding-top: 1.25rem !important; border-top-color: var(--zinc-250) !important; } -.ui.labeled.icon.buttons>.button>.icon, -.ui.labeled.icon.button>.icon { - background-color: rgba(0, 0, 0, 0.05) !important; +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + background-color: var(--color-shadow) !important; } #review-box .review-comments-counter { - background-color: #ffffffaa !important; - color: #000 !important; + background-color: var(--color-label-bg) !important; margin-left: 0.5em; } -.ui.tabs .ui.primary.label, -.ui.menu .ui.primary.label { - background-color: rgba(0, 0, 0, 0.15) !important; +.ui.basic.labels .primary.label, +.ui.ui.ui.basic.primary.label { color: var(--color-text-dark) !important; } .ui.basic.yellow.label.pending-label { background: var(--color-warning-bg) !important; color: var(--color-warning-text) !important; - border-color: #eab308 !important; + border-color: var(--color-yellow-light) !important; } ::selection { background: var(--steel-450) !important; - color: #fff !important; -} \ No newline at end of file + color: var(--color-white) !important; +}