catppuccin-themes/theme-catppuccin-macchiato.css

:root {
    --is-dark-theme: true;

   --color-body: hsl(231.8, 23.4%, 18.4%);
   --color-text: hsl(227.4, 68.3%, 87.6%);
   --color-text-light: hsl(227.4, 26.8%, 72.2%);
   --color-text-light-2: hsl(228, 39.2%, 80%);
   --color-text-light-3: hsl(228, 39.2%, 80%);
   --color-text-dark: hsl(227.4, 26.8%, 72.2%);
   --color-text-dark-2: hsl(228, 39.2%, 80%);
   --color-text-dark-3: hsl(228, 39.2%, 80%);
   --color-secondary: hsl(231.1, 15.6%, 33.9%);
   --color-caret: hsl(227.4, 68.3%, 87.6%);
   --color-navbar: hsl(230.4, 18.8%, 26.1%);
   --color-footer: hsl(230.4, 18.8%, 26.1%);
   
   --color-red: hsl(351.2, 73.9%, 72.9%);
   --color-orange: hsl(21.4, 85.5%, 72.9%);
   --color-yellow: hsl(40.3, 69.9%, 77.8%);
   --color-olive: hsl(105.2, 48.3%, 72%);
   --color-green: hsl(105.2, 48.3%, 72%);
   --color-teal: hsl(171.1, 46.8%, 69%);
   --color-blue: hsl(220.2, 82.8%, 74.9%);
   --color-violet: hsl(266.5, 82.7%, 79.6%);
   --color-purple: hsl(266.5, 82.7%, 79.6%);
   --color-grey: hsl(230.3, 12.4%, 49.2%);
   --color-gold: hsl(40.3, 69.9%, 77.8%);
   --color-red-light: hsl(351.2, 73.9%, 72.9%);
   --color-orange-light: hsl(21.4, 85.5%, 72.9%);
   --color-yellow-light: hsl(40.3, 69.9%, 77.8%);
   --color-olive-light: hsl(105.2, 48.3%, 72%);
   --color-green-light: hsl(105.2, 48.3%, 72%);
   --color-teal-light: hsl(171.1, 46.8%, 69%);
   --color-blue-light: hsl(220.2, 82.8%, 74.9%);
   --color-violet-light: hsl(266.5, 82.7%, 79.6%);
   --color-purple-light: hsl(266.5, 82.7%, 79.6%);
   --color-grey-light: hsl(228.3, 20%, 64.7%);
   --color-gold-light: hsl(40.3, 69.9%, 77.8%);
   --color-black: hsl(235.7, 22.6%, 12.2%);
   --color-white: hsl(227.4, 68.3%, 87.6%);
   
   --color-primary: hsl(220.2, 82.8%, 74.9%);
   
   --color-console-fg: hsl(227.4, 68.3%, 87.6%);
   --color-console-bg: hsl(231.8, 23.4%, 18.4%);
   
   --color-error-border: hsl(355.1, 71.4%, 76.7%);
   --color-error-bg: hsl(230.3, 12.4%, 49.2%);
   --color-error-text: hsl(228, 39.2%, 80%);
   
   --color-success-border: hsl(105.2, 48.3%, 72%);
   --color-success-bg: hsl(230.3, 12.4%, 49.2%);
   --color-success-text: hsl(228, 39.2%, 80%);
   
   --color-warning-border: $orange;
   --color-warning-bg: hsl(227.6, 15.5%, 56.9%);
   --color-warning-text: hsl(228, 39.2%, 80%);
   
   --color-info-border: hsl(230.3, 12.4%, 49.2%);
   --color-info-bg: hsl(230.4, 18.8%, 26.1%);
   --color-info-text: hsl(228, 39.2%, 80%);
   
   --color-box-header: hsl(231.1, 15.6%, 33.9%);
   --color-box-body: hsl(230.4, 18.8%, 26.1%);
   --color-box-body-highlight: hsl(231, 16%, 34%);
   
   --color-markup-code-block: hsl(229.7, 13.7%, 41.4%);
   
   --color-input-background: hsl(231.8, 23.4%, 18.4%);
   --color-input-border: hsl(231.1, 15.6%, 33.9%);
   --color-input-text: hsl(227.4, 68.3%, 87.6%);
   
   --color-card: hsl(230.4, 18.8%, 26.1%);
   
   --color-active: hsl(230.4, 18.8%, 26.1%);
   --color-menu: hsl(231.1, 15.6%, 33.9%);
   
   --color-button: hsl(230.3, 12.4%, 49.2%);
   --color-light-border: hsl(231.1, 15.6%, 33.9%);
   --color-dark-border: hsl(230.3, 12.4%, 49.2%);
   
   --color-diff-removed-row-bg: rgba(hsl(351.2, 73.9%, 72.9%), 0.2)!important;
   --color-diff-removed-row-border: rgba(hsl(351.2, 73.9%, 72.9%), 0.2)!important;
   --color-diff-removed-word-bg: rgba(hsl(351.2, 73.9%, 72.9%), 0.4)!important;
   
   --color-diff-added-row-bg: rgba(hsl(105.2, 48.3%, 72%), 0.2)!important;
   --color-diff-added-row-border: rgba(hsl(105.2, 48.3%, 72%), 0.2)!important;
   --color-diff-added-word-bg: rgba(hsl(105.2, 48.3%, 72%), 0.4)!important;
   
   --color-diff-inactive: hsl(231.1, 15.6%, 33.9%);
   
   --color-code-bg: hsl(230.4, 18.8%, 26.1%);
   --color-expand-button: hsl(231.1, 15.6%, 33.9%);
}


body {
    background-color: hsl(231.8, 23.4%, 18.4%);
    color: hsl(227.4, 68.3%, 87.6%);
    
}


.ui.table {
    color: hsl(227.4, 68.3%, 87.6%);
}

.repository-summary {
    background-color: hsl(230.4, 18.8%, 26.1%);
}

.ui.green.button {
    background-color: hsl(105.2, 48.3%, 72%);
    color: hsl(231.8, 23.4%, 18.4%);
}

.ui.red.button {
    background-color: hsl(351.2, 73.9%, 72.9%);
    color: hsl(231.8, 23.4%, 18.4%);
    border-color: hsl(230.3, 12.4%, 49.2%);
}

.ui.basic.red.button {
    color: hsl(351.2, 73.9%, 72.9%);
}


.ui.negative.button {
    background-color: hsl(351.2, 73.9%, 72.9%);
    color: hsl(231.8, 23.4%, 18.4%);
}

.ui.basic.green.button {
    color: hsl(105.2, 48.3%, 72%);
}

.ui.breadcrumb {
    color: hsl(227.4, 68.3%, 87.6%);
}

.following.bar #navbar {
    background-color: hsl(232, 23%, 18%)!important;
    
}

#navbar .item {
    color: hsl(220.2, 82.8%, 74.9%);
}

.default-link.muted, .time-since {
	color: var(--color-text);
}


* {
    caret-color: hsl(227.4, 68.3%, 87.6%);
}

@media (prefers-color-scheme: dark) {
    .ui.red.label, .ui.red.labels .label {
        background-color: hsl(351.2, 73.9%, 72.9%)!important;
        border-color: hsl(351.2, 73.9%, 72.9%)!important;
        color: hsl(231.8, 23.4%, 18.4%)!important;
    }
    .ui.green.label, .ui.green.labels, .ui.basic.green.label {
        background-color: hsl(105.2, 48.3%, 72%)!important;
        border-color: hsl(105.2, 48.3%, 72%)!important;
        color: hsl(231.8, 23.4%, 18.4%)!important;
    }
    
    .repository.file.list #repo-files-table tr {
        background-color: hsl(231.8, 23.4%, 18.4%);
    }
    .repository.file.list #repo-files-table tr:hover {
        background-color: hsl(231.1, 15.6%, 33.9%)!important;
    }
    
    .ui.horizontal.segments>.segment {
        background-color: hsl(230.4, 18.8%, 26.1%);
    }
    
    .tag-code td.lines-type-marker, td.blob-hunk {
         color: hsl(227.4, 68.3%, 87.6%)!important;
    }
    
    .tag-code, .tag-code td {
        background: hsl(231.1, 15.6%, 33.9%)!important;
    }
    
    .tag-code td.lines-num {
        background-color: hsl(231.1, 15.6%, 33.9%)!important;
    }
    
    .chroma .sb {
        color: hsl(228, 39.2%, 80%);
    }
    
    .chroma .nt {
        color: rgba(hsl(266.5, 82.7%, 79.6%), 0.7)!important;
    }
    
    .chroma .na {
        color: rgba(hsl(171.1, 46.8%, 69%), 0.7)!important;
    }
    
    .chroma .nb {
        color: rgba(hsl(266.5, 82.7%, 79.6%), 0.7);
    }
    
    .chroma .s2 {
        color: rgba(hsl(171.1, 46.8%, 69%), 0.7);
    }
    
    .chroma .si {
        color: rgba(hsl(21.4, 85.5%, 72.9%), 0.6);
    }
    
    .chroma .nv {
        color: rgba(hsl(21.4, 85.5%, 72.9%), 0.6);
    }
    
    .chroma .nx {
        color: hsl(227.4, 68.3%, 87.6%);
    }
    
    .chroma .nf {
        color: hsl(40.3, 69.9%, 77.8%);
    }
    
    .chroma .s {
        color: rgba(hsl(171.1, 46.8%, 69%), 0.7);
    }
    
}