KSI MUNI - Catppuccin Macchiato by tekkitak

/* ==UserStyle==
@name KSI MUNI - Catppuccin Macchiato
@author Tekk
@version 1.0.0
@license MIT
@namespace example.com/
==/UserStyle== */

@-moz-document domain(ksi.fi.muni.cz)
:root {
    --catppuccin-clr: #8bd5ca;
}

body.theme-dark {
    --ksi-page-bg: #24273a;
    --ksi-page-fg: #b8c0e0;
    --ksi-modal-bg: #1e2030;
    --ksi-page-welcome-banner-bg: #8bd5ca;
    --ksi-header-fg: #b8c0e0;
    --ksi-navbar-bg: #1e2030;
    --ksi-navbar-fg: #cad3f5;
    
    --ksi-code-bg: #1e2030;
    --ksi-code-fg: #cad3f5;
    --ksi-code-string-fg: #cad3f5;
    --ksi-code-builtin: #8aadf4;
    --ksi-code-number: #f5a97f;
    --ksi-code-keyword: #c6a0f6;
    --ksi-code-def: #c6a0f6;
    --ksi-code-comment: #6e738d;
    --ksi-code-string: #a6da95;
    --ksi-code-variable-2: #a6da95;
    --ksi-code-meta: #b2aca2;

   
    
    --ksi-title: #cad3f5;
 	--ksi-article-preview-bg: #363a4f;
    --ksi-article-preview-border-fg: var(--catppuccin-clr);
 
	
	
    --ksi-input-focus-fg: #b8c0e0;
    --ksi-input-focus-bg: #24273a;
    
	--ksi-thumbnail-bg: #363a4f;
    --ksi-thumbnail-hover-bg: #494d64;
	
	--ksi-dropdown-hover-bg: #5b6078 !important;
    --ksi-successful-result-fg-1: red;
    --ksi-successful-result-fg-2: red;
   }

.btn-ksi:hover:not([disabled]), .btn-ksi[aria-expanded=true], 
.navigation-bar .nav-btn:hover:not([disabled]), .navigation-bar .nav-btn[aria-expanded=true] {

    background: #494d64 !important;
    color: #cad3f5 !important; 
}

.nav-btn.active.active {
	background: #565b72 !important;
}

#dropdown-login, .btn-ksi {
    background: #363a4f;
}

a {
    color: #89b4fa;
}
a:hover {
    color: #049dda;
}

.faq-container, .content[_ngcontent-bgy-c102] {
	border: 2px solid #6e738d !important;
}
.question {
	border-bottom: 1px solid #6e738d !important;
}
.module {
	--border-color: #6e738d !important;
}
.result-bad {
	--border-color: #ed8796 !important;
}
.result-ok {
	--border-color: #a6da95 !important;
}
.alert-success {
	color: #11111b;
	background: #a6e3a1;
}

.post, .line {
	border-color: var(--catppuccin-clr) !important;
}

.arrows line {
		stroke: var(--catppuccin-clr) !important;
}

.close {
	color: #cdd6f4;
}
.close:hover {
	color: #a6adc8;
}

.dropdown-menu {
	background: #1e2030;
}
.dropdown-menu .dropdown-item {
	color: #b8c0e0 !important;
}
.dropdown-menu .dropdown-item:hover {
	background: var(--ksi-dropdown-hover-bg) !important
}

/* Profile fill colors */
.progress bar {
	color: #1e2030 !important;
}
.bg-success {
	background-color: #a6da95 !important;
}
.bg-info {
	background-color: #8bd5ca !important;
}
.bg-warning {
	background-color: #eed49f !important;
}