Codeberg Catppuccin Flat Theme by yusof

/* ==UserStyle==
@name Codeberg Catppuccin
@namespace github.com/catppuccin/userstyles/styles/codeberg
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/codeberg
@version 1.0.5
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg
@description Soothing pastel theme for Codeberg
@author Catppuccin
@license MIT

@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@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== */
@-moz-document domain('codeberg.org') {
	@import (css) url("https://git.isabelroses.com/assets/css/theme-catppuccin-@{lightFlavor}-@{accentColor}.css") (prefers-color-scheme: light);
	@import (css) url("https://git.isabelroses.com/assets/css/theme-catppuccin-@{darkFlavor}-@{accentColor}.css") (prefers-color-scheme: dark);

	#navbar {
		background-color: #11111b !important;
	}

	:root {
		--color-primary: white;
		--color-white: white;
		--fonts-override: "MonaspiceNe Nerd Font";
	}

	#catppuccin(@lookup,
	@accent) {
		--color-nav-text: white;
		--color-nav-hover-bg: darken(@catppuccin[@@lookup][@@accent], 20%);
	}

	@media (prefers-color-scheme: light) {
		.theme-codeberg-auto {
			#catppuccin(@lightFlavor,
			@accentColor);
		}
	}

	@media (prefers-color-scheme: dark) {
		.theme-codeberg-auto {
			#catppuccin(@darkFlavor,
			@accentColor);
		}
	}

	.theme-codeberg-light {
		#catppuccin(@lightFlavor,
		@accentColor);
	}

	.theme-codeberg-dark {
		#catppuccin(@darkFlavor,
		@accentColor);
	}

	a[rel="nofollow"] {
		color: @catppuccin[@mocha][@rosewater];
	}


	.ui.ui.ui.button:not(.inverted,
	.basic).primary,
	.ui.ui.ui.button:not(.inverted,
	.basic).green,
	.ui.ui.ui.button:not(.inverted,
	.basic).red,
	.ui.ui.ui.button:not(.inverted,
	.basic).teal,
	.ui.ui.ui.label:not(.inverted,
	.basic).primary,
	.ui.ui.ui.label:not(.inverted,
	.basic).green,
	.ui.ui.ui.label:not(.inverted,
	.basic).red,
	.ui.ui.ui.label:not(.inverted,
	.basic).teal {
		color: #fff;
	}

	.repo-title > a {
		color: white !important;
	}

	a.text.primary {
		color: white !important;
	}

	span.section > a,
	a.section {
		color: white !important;
	}

	div.flex-item > div > div > a {
		color: white;
	}

	div.flex-item > div > a {
		color: white;

		&:hover {
			color: white !important;
		}
	}

	a.small {
		background-color: #11111b !important;
	}
	
	button.ui.primary {
		background-color: #11111b !important;
	}
	
	a.ui.primary {
		background-color: #11111b !important;
	}
}

/* prettier-ignore */
@catppuccin: {
	@latte: {
		@rosewater: #dc8a78;
		@flamingo: #dd7878;
		@pink: #ea76cb;
		@mauve: #8839ef;
		@red: #d20f39;
		@maroon: #e64553;
		@peach: #fe640b;
		@yellow: #df8e1d;
		@green: #40a02b;
		@teal: #179299;
		@sky: #04a5e5;
		@sapphire: #209fb5;
		@blue: #1e66f5;
		@lavender: #7287fd;
		@text: #4c4f69;
		@subtext1: #5c5f77;
		@subtext0: #6c6f85;
		@overlay2: #7c7f93;
		@overlay1: #8c8fa1;
		@overlay0: #9ca0b0;
		@surface2: #acb0be;
		@surface1: #bcc0cc;
		@surface0: #ccd0da;
		@base: #eff1f5;
		@mantle: #e6e9ef;
		@crust: #dce0e8;
	}
	;
	@frappe: {
		@rosewater: #f2d5cf;
		@flamingo: #eebebe;
		@pink: #f4b8e4;
		@mauve: #ca9ee6;
		@red: #e78284;
		@maroon: #ea999c;
		@peach: #ef9f76;
		@yellow: #e5c890;
		@green: #a6d189;
		@teal: #81c8be;
		@sky: #99d1db;
		@sapphire: #85c1dc;
		@blue: #8caaee;
		@lavender: #babbf1;
		@text: #c6d0f5;
		@subtext1: #b5bfe2;
		@subtext0: #a5adce;
		@overlay2: #949cbb;
		@overlay1: #838ba7;
		@overlay0: #737994;
		@surface2: #626880;
		@surface1: #51576d;
		@surface0: #414559;
		@base: #303446;
		@mantle: #292c3c;
		@crust: #232634;
	}
	;
	@macchiato: {
		@rosewater: #f4dbd6;
		@flamingo: #f0c6c6;
		@pink: #f5bde6;
		@mauve: #c6a0f6;
		@red: #ed8796;
		@maroon: #ee99a0;
		@peach: #f5a97f;
		@yellow: #eed49f;
		@green: #a6da95;
		@teal: #8bd5ca;
		@sky: #91d7e3;
		@sapphire: #7dc4e4;
		@blue: #8aadf4;
		@lavender: #b7bdf8;
		@text: #cad3f5;
		@subtext1: #b8c0e0;
		@subtext0: #a5adcb;
		@overlay2: #939ab7;
		@overlay1: #8087a2;
		@overlay0: #6e738d;
		@surface2: #5b6078;
		@surface1: #494d64;
		@surface0: #363a4f;
		@base: #24273a;
		@mantle: #1e2030;
		@crust: #181926;
	}
	;
	@mocha: {
		@rosewater: #f5e0dc;
		@flamingo: #f2cdcd;
		@pink: #f5c2e7;
		@mauve: #cba6f7;
		@red: #f38ba8;
		@maroon: #eba0ac;
		@peach: #fab387;
		@yellow: #f9e2af;
		@green: #a6e3a1;
		@teal: #94e2d5;
		@sky: #89dceb;
		@sapphire: #74c7ec;
		@blue: #89b4fa;
		@lavender: #b4befe;
		@text: #cdd6f4;
		@subtext1: #bac2de;
		@subtext0: #a6adc8;
		@overlay2: #9399b2;
		@overlay1: #7f849c;
		@overlay0: #6c7086;
		@surface2: #585b70;
		@surface1: #45475a;
		@surface0: #313244;
		@base: #1e1e2e;
		@mantle: #181825;
		@crust: #11111b;
	}
	;
}
// vim:ft=less