From 2dd90f8888a730f3786f07065484f3e0a979ff85 Mon Sep 17 00:00:00 2001 From: Toria Date: Sun, 26 Apr 2026 18:39:40 +0100 Subject: [PATCH 01/12] Initial commit. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 224 +++++++++++++++++++++++++-- 1 file changed, 208 insertions(+), 16 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index fb8a443482..dffff60f96 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -14,25 +14,25 @@ @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ - @import "https://userstyles.catppuccin.com/lib/lib.less"; @-moz-document domain("codeberg.org") { + // GITEA @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") (prefers-color-scheme: light); @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark); -} -@-moz-document domain("codeberg.org") { + // We need CodeMirror lib too! [data-theme="codeberg-dark"], [data-theme="codeberg-light"], [data-theme="codeberg-auto"] { @media (prefers-color-scheme: light) { #catppuccin(@lightFlavor); } + @media (prefers-color-scheme: dark) { #catppuccin(@darkFlavor); } @@ -40,15 +40,29 @@ #catppuccin(@flavor) { #lib.palette(); - // #lib.defaults(); // Not needed, themed in upstream Gitea port. + // #lib.defaults(); isn't needed, themed in upstream Gitea port. --color-body: @base; --color-nav-text: @crust; - --color-nav-hover-bg: darken(@accent, 5%); --color-secondary-nav-bg: @surface0; --color-link: @blue; --color-footer-text: @text; + .ui.secondary.menu .dropdown.item:hover, + .ui.secondary.menu a.item:hover, + .ui.secondary.menu a.active.item:hover { + background-color: var(--color-nav-hover-bg); + } + + .ui.secondary.menu .dropdown.item:focus, + .ui.secondary.menu .dropdown.item:active, + .ui.secondary.menu a.item:focus, + .ui.secondary.menu a.item:active, + .ui.secondary.menu a.active.item:focus, + .ui.secondary.menu a.active.item:active { + background-color: var(--color-nav-active-bg); + } + .ui.basic.red.buttons .button, .ui.basic.red.button { &:hover, @@ -59,6 +73,33 @@ } } + .ui.secondary.pointing.menu .active.item, + .ui.secondary.pointing.menu .active.item:hover, + .ui.secondary.pointing.menu .active.item:focus, + .ui.secondary.pointing.menu .dropdown.item:hover, + .ui.secondary.pointing.menu .dropdown.item:focus { + color: var(--color-text-dark); + } + + .sha.label.isSigned.isVerified { + color: @green; + } + + .sha.label.isSigned.isVerified .signature { + --color-light: fade(@green, 30%); + } + + /* HUNK HEADER */ + .tag-code, + .tag-code td { + color: @peach !important; + background-color: @surface0 !important; + + &.lines-num { + background-color: @surface1 !important; + } + } + #codeberg-logo(@color) { @svg: escape( '' @@ -72,27 +113,71 @@ } } + /* NAVBAR */ #navbar { - a#navbar-logo { - img { - #codeberg-logo(@base); + background-color: var(--color-nav-bg) !important; + + > .menu, + > .menu .menu { + a, + button, + details > summary { + color: @text; } - } - .menu { - > a, button, details > summary { - color: @base; + a.item:hover, + details.dropdown > summary:hover, + button.item:hover { + background-color: @accent; + color: @base !important; + } + + a.item:focus, + a.item:active, + details.dropdown > summary:focus, + details.dropdown > summary:active, + details.dropdown[open] > summary, + button.item:focus, + button.item:active { + background-color: darken(@accent, 5%); + color: @base !important; } - .donation-pretty { - --color-secondary-alpha-60: fade(darken(@accent, 10%), 60%) - !important; + a.donation-pretty { + --donation-pretty-gradient-color-1: @accent; + --donation-pretty-gradient-color-2: darken(@accent, 5%); + + color: @base !important; &:hover { - background: darken(@accent, 3%) !important; + --donation-pretty-gradient-color-1: darken(@accent, 5%); + --donation-pretty-gradient-color-2: darken(@accent, 10%); } } } + + a#navbar-logo { + img { + #codeberg-logo(@accent); + } + + &:hover img { + #codeberg-logo(@base); + } + } + + img[src^="/assets/img/svg/forgejo-wordmark"] { + filter: @text-filter; + } + + a.item.active { + color: @base !important; + } + } + + /* Otherwise we've got @blue on @green, which is impossible to see :] */ + .repository .ui.attached.isSigned.isVerified.bottom a strong { + color: @crust; } footer { @@ -104,6 +189,113 @@ a:hover { color: @blue !important; } + + .language.button { + &.active { + color: @base; + background-color: @accent; + } + + &:hover { + color: @base; + background-color: darken(@accent, 5%); + } + + &:active, + &:focus { + color: @base; + background-color: darken(@accent, 10%); + } + } + } // HOMEPAGE + main { + a.button { + svg { + filter: drop-shadow(-1px -2px 0 @yellow); + } + + &:hover svg { + filter: drop-shadow(-1px -2px 0 darken(@yellow, 10%)); + } + } + + header { + color: @text; + + .header-social-links a { + color: @accent; + + &:hover { + color: darken(@accent, 5%); + } + } + + .header-logo img { + filter: @text-filter; + } + } + + section#home-section-about { + color: @text; + + .home-section-about-box-container { + .home-section-about-box { + background-image: linear-gradient( + to top, + fade(@accent, 30%) 40%, + fade(@accent, 40%) + ); + } + + .home-section-about-register-button-container a { + color: @base; + text-shadow: -1px -2px 0 @yellow; + background-color: @yellow; + + &:hover { + text-shadow: -1px -2px 0 darken(@yellow, 10%); + background-color: darken(@yellow, 5%); + } + } + } + + .home-section-about-container div { + color: @accent; + + p.powered-by-forgejo a { + color: @accent; + } + } + } + + section#home-section-support { + color: @text; // Yellow buttons + div a { + color: @base; + text-shadow: -1px -2px 0 @yellow; + background-color: @yellow; + + &:hover { + text-shadow: -1px -2px 0 darken(@yellow, 10%); + background-color: darken(@yellow, 5%); + } + } // Your support helps us grow! :hearts: + h3 svg.svg.codeberg-icon-hearts { + path:nth-child(1) { + fill: @peach !important; + } + + path:nth-child(2) { + fill: @yellow !important; + } + + path:nth-child(3) { + fill: @sapphire !important; + } + } + } } } } + +@-moz-document domain("donate.codeberg.org") {} From dae627608cc8a767baf6bad8fb2f21cfe1c5315a Mon Sep 17 00:00:00 2001 From: Toria Date: Sun, 26 Apr 2026 18:49:38 +0100 Subject: [PATCH 02/12] Might fix navbar override thing. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index dffff60f96..8e2ca9231a 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -120,15 +120,15 @@ > .menu, > .menu .menu { a, - button, - details > summary { - color: @text; + details > summary, + button { + color: @text !important; } a.item:hover, details.dropdown > summary:hover, button.item:hover { - background-color: @accent; + background-color: @accent !important; color: @base !important; } @@ -139,7 +139,7 @@ details.dropdown[open] > summary, button.item:focus, button.item:active { - background-color: darken(@accent, 5%); + background-color: darken(@accent, 5%) !important; color: @base !important; } From 934bb6452785a46c43aed70a23808d5226518e3e Mon Sep 17 00:00:00 2001 From: Toria Date: Sun, 26 Apr 2026 19:43:03 +0100 Subject: [PATCH 03/12] Add .active state. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 75 +++++++++++++++++++++++++--- 1 file changed, 69 insertions(+), 6 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 8e2ca9231a..8ae70f4fd6 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -24,8 +24,10 @@ @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark); - // We need CodeMirror lib too! +} + +@-moz-document domain("codeberg.org") { [data-theme="codeberg-dark"], [data-theme="codeberg-light"], [data-theme="codeberg-auto"] { @@ -143,6 +145,31 @@ color: @base !important; } + a.item.active, + details.dropdown > summary.active, + details.dropdown[open] > summary, + button.item.active { + background-color: @accent !important; + color: @base !important; + } + + a.item.active:hover, + details.dropdown > summary.active:hover, + button.item.active:hover { + background-color: darken(@accent, 5%) !important; + color: @base !important; + } + + a.item.active:focus, + a.item.active:active, + details.dropdown > summary.active:focus, + details.dropdown > summary.active:active, + button.item.active:focus, + button.item.active:active { + background-color: darken(@accent, 10%) !important; + color: @base !important; + } + a.donation-pretty { --donation-pretty-gradient-color-1: @accent; --donation-pretty-gradient-color-2: darken(@accent, 5%); @@ -169,10 +196,6 @@ img[src^="/assets/img/svg/forgejo-wordmark"] { filter: @text-filter; } - - a.item.active { - color: @base !important; - } } /* Otherwise we've got @blue on @green, which is impossible to see :] */ @@ -298,4 +321,44 @@ } } -@-moz-document domain("donate.codeberg.org") {} +@-moz-document domain("donate.codeberg.org") { + [data-theme="codeberg-dark"], + [data-theme="codeberg-light"], + [data-theme="codeberg-auto"] { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + + // TODO: import pico lib here once it's written. + --pico-background-color: @base; + --pico-color: @text; + --pico-text-selection-color: fade(@overlay2, 30%); + // etc... + } +} + +@-moz-document domain("") { + [data-theme="codeberg-dark"], + [data-theme="codeberg-light"], + [data-theme="codeberg-auto"] { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + } +} From a4abc8482a44910f37e62b8ed342584ee7478ac5 Mon Sep 17 00:00:00 2001 From: Toria Date: Mon, 27 Apr 2026 17:43:07 +0100 Subject: [PATCH 04/12] Scope pr to just landing page and header. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 58 +++++++--------------------- 1 file changed, 14 insertions(+), 44 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 8ae70f4fd6..d7d31e1cb2 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -19,14 +19,26 @@ @-moz-document domain("codeberg.org") { // GITEA @import (css) - url("https://catppuccin.github.io/gitea/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") + url("http://localhost:8000/gitea/dist/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") (prefers-color-scheme: light); @import (css) - url("https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") + url("http://localhost:8000/gitea/dist/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark); // We need CodeMirror lib too! } +@-moz-document domain("blog.codeberg.org") { + @import url("https://python.catppuccin.com/pygments/catppuccin-variables.important.css"); +} + +@-moz-document domain("docs.codeberg.org") { + @import url("https://prismjs.catppuccin.com/variables.important.css"); +} + +// @-moz-document domain("donate.codeberg.org") { +// @import url(PICO_LIB_URL); +// } + @-moz-document domain("codeberg.org") { [data-theme="codeberg-dark"], [data-theme="codeberg-light"], @@ -320,45 +332,3 @@ } } } - -@-moz-document domain("donate.codeberg.org") { - [data-theme="codeberg-dark"], - [data-theme="codeberg-light"], - [data-theme="codeberg-auto"] { - @media (prefers-color-scheme: light) { - #catppuccin(@lightFlavor); - } - - @media (prefers-color-scheme: dark) { - #catppuccin(@darkFlavor); - } - } - - #catppuccin(@flavor) { - #lib.palette(); - - // TODO: import pico lib here once it's written. - --pico-background-color: @base; - --pico-color: @text; - --pico-text-selection-color: fade(@overlay2, 30%); - // etc... - } -} - -@-moz-document domain("") { - [data-theme="codeberg-dark"], - [data-theme="codeberg-light"], - [data-theme="codeberg-auto"] { - @media (prefers-color-scheme: light) { - #catppuccin(@lightFlavor); - } - - @media (prefers-color-scheme: dark) { - #catppuccin(@darkFlavor); - } - } - - #catppuccin(@flavor) { - #lib.palette(); - } -} From 77dfae425107dbe320e77d2790e0ad9a65e2ff66 Mon Sep 17 00:00:00 2001 From: Toria Date: Mon, 27 Apr 2026 17:47:56 +0100 Subject: [PATCH 05/12] Reset imports to upstream. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index d7d31e1cb2..df40057b46 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -19,10 +19,10 @@ @-moz-document domain("codeberg.org") { // GITEA @import (css) - url("http://localhost:8000/gitea/dist/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") + url("https://catppuccin.github.io/gitea/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") (prefers-color-scheme: light); @import (css) - url("http://localhost:8000/gitea/dist/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") + url("https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark); // We need CodeMirror lib too! } From fb369bb3cd40814b1c7e543544c3fe95bcfde7ee Mon Sep 17 00:00:00 2001 From: Toria Date: Mon, 27 Apr 2026 17:53:41 +0100 Subject: [PATCH 06/12] Fix comments and newlines. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 30 +++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index df40057b46..418bc2a973 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -14,17 +14,18 @@ @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ + @import "https://userstyles.catppuccin.com/lib/lib.less"; @-moz-document domain("codeberg.org") { - // GITEA + /* GITEA */ @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") (prefers-color-scheme: light); @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark); - // We need CodeMirror lib too! + /* @import url(CM_LIB_URL); */ } @-moz-document domain("blog.codeberg.org") { @@ -35,9 +36,11 @@ @import url("https://prismjs.catppuccin.com/variables.important.css"); } -// @-moz-document domain("donate.codeberg.org") { -// @import url(PICO_LIB_URL); -// } +/* + * @-moz-document domain("donate.codeberg.org") { + * @import url(PICO_LIB_URL); + * } + */ @-moz-document domain("codeberg.org") { [data-theme="codeberg-dark"], @@ -54,7 +57,10 @@ #catppuccin(@flavor) { #lib.palette(); - // #lib.defaults(); isn't needed, themed in upstream Gitea port. + /* + * #lib.defaults(); + * This isn't needed, themed in upstream Gitea port. + */ --color-body: @base; --color-nav-text: @crust; @@ -242,7 +248,9 @@ background-color: darken(@accent, 10%); } } - } // HOMEPAGE + } + + /* HOMEPAGE */ main { a.button { svg { @@ -304,7 +312,9 @@ } section#home-section-support { - color: @text; // Yellow buttons + color: @text; + + /* Yellow buttons */ div a { color: @base; text-shadow: -1px -2px 0 @yellow; @@ -314,7 +324,9 @@ text-shadow: -1px -2px 0 darken(@yellow, 10%); background-color: darken(@yellow, 5%); } - } // Your support helps us grow! :hearts: + } + + /* Your support helps us grow! :hearts: */ h3 svg.svg.codeberg-icon-hearts { path:nth-child(1) { fill: @peach !important; From ccca0270c5be90e4f7e58838e4b82b128b61860a Mon Sep 17 00:00:00 2001 From: Toria Date: Tue, 28 Apr 2026 14:44:08 +0000 Subject: [PATCH 07/12] Minify .ui.secondary.menu block! --- styles/codeberg/catppuccin.user.less | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 418bc2a973..f46bd741f3 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -68,19 +68,16 @@ --color-link: @blue; --color-footer-text: @text; - .ui.secondary.menu .dropdown.item:hover, - .ui.secondary.menu a.item:hover, - .ui.secondary.menu a.active.item:hover { - background-color: var(--color-nav-hover-bg); - } + .ui.secondary.menu { + :is(.dropdown.item, a.item, a.active.item) { + &:hover { + background-color: var(--color-nav-hover-bg); + } - .ui.secondary.menu .dropdown.item:focus, - .ui.secondary.menu .dropdown.item:active, - .ui.secondary.menu a.item:focus, - .ui.secondary.menu a.item:active, - .ui.secondary.menu a.active.item:focus, - .ui.secondary.menu a.active.item:active { - background-color: var(--color-nav-active-bg); + &:is(:focus, :active) { + background-color: var(--color-nav-active-bg); + } + } } .ui.basic.red.buttons .button, From 80bf9225dfcac2ef5509731fc11adf68693a488e Mon Sep 17 00:00:00 2001 From: Toria Date: Tue, 28 Apr 2026 14:48:01 +0000 Subject: [PATCH 08/12] Minify pointing into group too. --- styles/codeberg/catppuccin.user.less | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index f46bd741f3..14b30bb7c2 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -78,6 +78,12 @@ background-color: var(--color-nav-active-bg); } } + + &.pointing { + :is(.active.item, .dropdown.item:is(:hover, :focus)) { + color: var(--color-text-dark); + } + } } .ui.basic.red.buttons .button, @@ -90,14 +96,6 @@ } } - .ui.secondary.pointing.menu .active.item, - .ui.secondary.pointing.menu .active.item:hover, - .ui.secondary.pointing.menu .active.item:focus, - .ui.secondary.pointing.menu .dropdown.item:hover, - .ui.secondary.pointing.menu .dropdown.item:focus { - color: var(--color-text-dark); - } - .sha.label.isSigned.isVerified { color: @green; } From 7e4a2a57cbb0f4f79db5a38cf4004e88888ba1d5 Mon Sep 17 00:00:00 2001 From: Toria Date: Tue, 28 Apr 2026 18:31:45 +0100 Subject: [PATCH 09/12] Fix some syntax, nest things better. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 96 +++++++++++++--------------- 1 file changed, 46 insertions(+), 50 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 14b30bb7c2..4affb265a3 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -69,18 +69,18 @@ --color-footer-text: @text; .ui.secondary.menu { - :is(.dropdown.item, a.item, a.active.item) { + .dropdown.item, a.item, a.active.item { &:hover { background-color: var(--color-nav-hover-bg); } - &:is(:focus, :active) { + &:active, &:focus { background-color: var(--color-nav-active-bg); } } &.pointing { - :is(.active.item, .dropdown.item:is(:hover, :focus)) { + .active.item, .dropdown.item:is(:hover, :focus) { color: var(--color-text-dark); } } @@ -138,61 +138,54 @@ details > summary, button { color: @text !important; - } - a.item:hover, - details.dropdown > summary:hover, - button.item:hover { - background-color: @accent !important; - color: @base !important; - } + &.item { + &:hover { + background-color: @accent !important; + color: @base !important; + } - a.item:focus, - a.item:active, - details.dropdown > summary:focus, - details.dropdown > summary:active, - details.dropdown[open] > summary, - button.item:focus, - button.item:active { - background-color: darken(@accent, 5%) !important; - color: @base !important; - } + &:active, &:focus { + background-color: darken(@accent, 5%) !important; + color: @base !important; + } - a.item.active, - details.dropdown > summary.active, - details.dropdown[open] > summary, - button.item.active { - background-color: @accent !important; - color: @base !important; - } + &.active { + background-color: @accent !important; + color: @base !important; - a.item.active:hover, - details.dropdown > summary.active:hover, - button.item.active:hover { - background-color: darken(@accent, 5%) !important; - color: @base !important; + &:hover { + background-color: darken(@accent, 5%) !important; + color: @base !important; + } + + &:active, &:focus { + background-color: darken(@accent, 10%) !important; + color: @base !important; + } + } + } } - a.item.active:focus, - a.item.active:active, - details.dropdown > summary.active:focus, - details.dropdown > summary.active:active, - button.item.active:focus, - button.item.active:active { - background-color: darken(@accent, 10%) !important; + details.dropdown[open] > summary { + background-color: @accent !important; color: @base !important; } a.donation-pretty { --donation-pretty-gradient-color-1: @accent; --donation-pretty-gradient-color-2: darken(@accent, 5%); - color: @base !important; &:hover { --donation-pretty-gradient-color-1: darken(@accent, 5%); --donation-pretty-gradient-color-2: darken(@accent, 10%); } + + &:active, &:focus { + --donation-pretty-gradient-color-1: darken(@accent, 10%); + --donation-pretty-gradient-color-2: darken(@accent, 15%); + } } } @@ -227,20 +220,21 @@ } .language.button { - &.active { - color: @base; - background-color: @accent; - } + &:not(.active) { + &:hover { + color: @base; + background-color: darken(@accent, 5%); + } - &:hover { - color: @base; - background-color: darken(@accent, 5%); + &:active, &:focus { + color: @base; + background-color: darken(@accent, 10%); + } } - &:active, - &:focus { + &.active { color: @base; - background-color: darken(@accent, 10%); + background-color: @accent; } } } @@ -310,6 +304,7 @@ color: @text; /* Yellow buttons */ + div a { color: @base; text-shadow: -1px -2px 0 @yellow; @@ -322,6 +317,7 @@ } /* Your support helps us grow! :hearts: */ + h3 svg.svg.codeberg-icon-hearts { path:nth-child(1) { fill: @peach !important; From 061bd8d63b5509d007c1a6a958dba0b5b3c56f0a Mon Sep 17 00:00:00 2001 From: Toria Date: Tue, 28 Apr 2026 18:36:49 +0100 Subject: [PATCH 10/12] Add support for secondary.menu items that aren't links (too specific!) Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 4affb265a3..3c15ed6e43 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -65,11 +65,13 @@ --color-body: @base; --color-nav-text: @crust; --color-secondary-nav-bg: @surface0; + --color-nav-hover-bg: @surface1; + --color-nav-active-bg: @surface2; --color-link: @blue; --color-footer-text: @text; .ui.secondary.menu { - .dropdown.item, a.item, a.active.item { + .dropdown.item, .item, .active.item { &:hover { background-color: var(--color-nav-hover-bg); } From 5b7583182e93c8cae5819a3b70dbb3b512710082 Mon Sep 17 00:00:00 2001 From: Toria Date: Tue, 28 Apr 2026 18:41:02 +0100 Subject: [PATCH 11/12] Add .isWarning, remove documentation. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 43 ++++++++++++---------------- 1 file changed, 18 insertions(+), 25 deletions(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 3c15ed6e43..0c1736eb9d 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -18,30 +18,14 @@ @import "https://userstyles.catppuccin.com/lib/lib.less"; @-moz-document domain("codeberg.org") { - /* GITEA */ @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") (prefers-color-scheme: light); @import (css) url("https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark); - /* @import url(CM_LIB_URL); */ } -@-moz-document domain("blog.codeberg.org") { - @import url("https://python.catppuccin.com/pygments/catppuccin-variables.important.css"); -} - -@-moz-document domain("docs.codeberg.org") { - @import url("https://prismjs.catppuccin.com/variables.important.css"); -} - -/* - * @-moz-document domain("donate.codeberg.org") { - * @import url(PICO_LIB_URL); - * } - */ - @-moz-document domain("codeberg.org") { [data-theme="codeberg-dark"], [data-theme="codeberg-light"], @@ -57,10 +41,7 @@ #catppuccin(@flavor) { #lib.palette(); - /* - * #lib.defaults(); - * This isn't needed, themed in upstream Gitea port. - */ + // #lib.defaults(); // Not needed, themed in upstream Gitea port. --color-body: @base; --color-nav-text: @crust; @@ -98,12 +79,24 @@ } } - .sha.label.isSigned.isVerified { - color: @green; - } + .sha.label { + &.isSigned { + &.isVerified { + color: @green; - .sha.label.isSigned.isVerified .signature { - --color-light: fade(@green, 30%); + .signature { + --color-light: fade(@green, 30%); + } + } + + .isWarning { + color: @red; + + .signature { + --color-light: fade(@red, 30%); + } + } + } } /* HUNK HEADER */ From 711f05f20c75ee32f6658c10fe66db2dc791b196 Mon Sep 17 00:00:00 2001 From: Toria Date: Tue, 28 Apr 2026 18:50:25 +0100 Subject: [PATCH 12/12] Quick & fix. Signed-off-by: Toria --- styles/codeberg/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/codeberg/catppuccin.user.less b/styles/codeberg/catppuccin.user.less index 0c1736eb9d..ccb11777d6 100644 --- a/styles/codeberg/catppuccin.user.less +++ b/styles/codeberg/catppuccin.user.less @@ -89,7 +89,7 @@ } } - .isWarning { + &.isWarning { color: @red; .signature {