catppuccin-themes/theme-catppuccin-frappe.css

235 lines
6.5 KiB
CSS

:root {
--is-dark-theme: true;
--color-body: hsl(229.1, 18.6%, 23.1%);
--color-text: hsl(227.2, 70.1%, 86.9%);
--color-text-light: hsl(228.3, 29.5%, 72.7%);
--color-text-light-2: hsl(226.7, 43.7%, 79.8%);
--color-text-light-3: hsl(226.7, 43.7%, 79.8%);
--color-text-dark: hsl(228.3, 29.5%, 72.7%);
--color-text-dark-2: hsl(226.7, 43.7%, 79.8%);
--color-text-dark-3: hsl(226.7, 43.7%, 79.8%);
--color-secondary: hsl(227.1, 14.7%, 37.3%);
--color-caret: hsl(227.2, 70.1%, 86.9%);
--color-navbar: hsl(230, 15.6%, 30.2%);
--color-footer: hsl(230, 15.6%, 30.2%);
--color-red: hsl(358.8, 67.8%, 70.8%);
--color-orange: hsl(20.3, 79.1%, 70%);
--color-yellow: hsl(39.5, 62%, 73.1%);
--color-olive: hsl(95.8, 43.9%, 67.8%);
--color-green: hsl(95.8, 43.9%, 67.8%);
--color-teal: hsl(171.5, 39.2%, 64.5%);
--color-blue: hsl(221.6, 74.2%, 74.1%);
--color-violet: hsl(276.7, 59%, 76.1%);
--color-purple: hsl(276.7, 59%, 76.1%);
--color-grey: hsl(229.1, 13.4%, 51.6%);
--color-gold: hsl(39.5, 62%, 73.1%);
--color-red-light: hsl(358.8, 67.8%, 70.8%);
--color-orange-light: hsl(20.3, 79.1%, 70%);
--color-yellow-light: hsl(39.5, 62%, 73.1%);
--color-olive-light: hsl(95.8, 43.9%, 67.8%);
--color-green-light: hsl(95.8, 43.9%, 67.8%);
--color-teal-light: hsl(171.5, 39.2%, 64.5%);
--color-blue-light: hsl(221.6, 74.2%, 74.1%);
--color-violet-light: hsl(276.7, 59%, 76.1%);
--color-purple-light: hsl(276.7, 59%, 76.1%);
--color-grey-light: hsl(227.7, 22.3%, 65.7%);
--color-gold-light: hsl(39.5, 62%, 73.1%);
--color-black: hsl(229.4, 19.5%, 17.1%);
--color-white: hsl(227.2, 70.1%, 86.9%);
--color-primary: hsl(221.6, 74.2%, 74.1%);
--color-console-fg: hsl(227.2, 70.1%, 86.9%);
--color-console-bg: hsl(229.1, 18.6%, 23.1%);
--color-error-border: hsl(357.8, 65.9%, 75.9%);
--color-error-bg: hsl(229.1, 13.4%, 51.6%);
--color-error-text: hsl(226.7, 43.7%, 79.8%);
--color-success-border: hsl(95.8, 43.9%, 67.8%);
--color-success-bg: hsl(229.1, 13.4%, 51.6%);
--color-success-text: hsl(226.7, 43.7%, 79.8%);
--color-warning-border: $orange;
--color-warning-bg: hsl(226.7, 17%, 58.4%);
--color-warning-text: hsl(226.7, 43.7%, 79.8%);
--color-info-border: hsl(229.1, 13.4%, 51.6%);
--color-info-bg: hsl(230, 15.6%, 30.2%);
--color-info-text: hsl(226.7, 43.7%, 79.8%);
--color-box-header: hsl(227.1, 14.7%, 37.3%);
--color-box-body: hsl(230, 15.6%, 30.2%);
--color-box-body-highlight: hsl(227, 15%, 37%);
--color-markup-code-block: hsl(228, 13.3%, 44.3%);
--color-input-background: hsl(229.1, 18.6%, 23.1%);
--color-input-border: hsl(227.1, 14.7%, 37.3%);
--color-input-text: hsl(227.2, 70.1%, 86.9%);
--color-card: hsl(230, 15.6%, 30.2%);
--color-active: hsl(230, 15.6%, 30.2%);
--color-menu: hsl(227.1, 14.7%, 37.3%);
--color-button: hsl(229.1, 13.4%, 51.6%);
--color-light-border: hsl(227.1, 14.7%, 37.3%);
--color-dark-border: hsl(229.1, 13.4%, 51.6%);
--color-diff-removed-row-bg: rgba(hsl(358.8, 67.8%, 70.8%), 0.2)!important;
--color-diff-removed-row-border: rgba(hsl(358.8, 67.8%, 70.8%), 0.2)!important;
--color-diff-removed-word-bg: rgba(hsl(358.8, 67.8%, 70.8%), 0.4)!important;
--color-diff-added-row-bg: rgba(hsl(95.8, 43.9%, 67.8%), 0.2)!important;
--color-diff-added-row-border: rgba(hsl(95.8, 43.9%, 67.8%), 0.2)!important;
--color-diff-added-word-bg: rgba(hsl(95.8, 43.9%, 67.8%), 0.4)!important;
--color-diff-inactive: hsl(227.1, 14.7%, 37.3%);
--color-code-bg: hsl(230, 15.6%, 30.2%);
--color-expand-button: hsl(227.1, 14.7%, 37.3%);
}
body {
background-color: hsl(229.1, 18.6%, 23.1%);
color: hsl(227.2, 70.1%, 86.9%);
}
.ui.table {
color: hsl(227.2, 70.1%, 86.9%);
}
.repository-summary {
background-color: hsl(230, 15.6%, 30.2%);
}
.ui.green.button {
background-color: hsl(95.8, 43.9%, 67.8%);
color: hsl(229.1, 18.6%, 23.1%);
}
.ui.red.button {
background-color: hsl(358.8, 67.8%, 70.8%);
color: hsl(229.1, 18.6%, 23.1%);
border-color: hsl(229.1, 13.4%, 51.6%);
}
.ui.basic.red.button {
color: hsl(358.8, 67.8%, 70.8%);
}
.ui.negative.button {
background-color: hsl(358.8, 67.8%, 70.8%);
color: hsl(229.1, 18.6%, 23.1%);
}
.ui.basic.green.button {
color: hsl(95.8, 43.9%, 67.8%);
}
.ui.breadcrumb {
color: hsl(227.2, 70.1%, 86.9%);
}
.following.bar #navbar {
background-color: hsl(229, 19%, 23%)!important;
}
#navbar .item {
color: hsl(221.6, 74.2%, 74.1%);
}
.default-link.muted, .time-since {
color: var(--color-text);
}
* {
caret-color: hsl(227.2, 70.1%, 86.9%);
}
@media (prefers-color-scheme: dark) {
.ui.red.label, .ui.red.labels .label {
background-color: hsl(358.8, 67.8%, 70.8%)!important;
border-color: hsl(358.8, 67.8%, 70.8%)!important;
color: hsl(229.1, 18.6%, 23.1%)!important;
}
.ui.green.label, .ui.green.labels, .ui.basic.green.label {
background-color: hsl(95.8, 43.9%, 67.8%)!important;
border-color: hsl(95.8, 43.9%, 67.8%)!important;
color: hsl(229.1, 18.6%, 23.1%)!important;
}
.repository.file.list #repo-files-table tr {
background-color: hsl(229.1, 18.6%, 23.1%);
}
.repository.file.list #repo-files-table tr:hover {
background-color: hsl(227.1, 14.7%, 37.3%)!important;
}
.ui.horizontal.segments>.segment {
background-color: hsl(230, 15.6%, 30.2%);
}
.tag-code td.lines-type-marker, td.blob-hunk {
color: hsl(227.2, 70.1%, 86.9%)!important;
}
.tag-code, .tag-code td {
background: hsl(227.1, 14.7%, 37.3%)!important;
}
.tag-code td.lines-num {
background-color: hsl(227.1, 14.7%, 37.3%)!important;
}
.chroma .sb {
color: hsl(226.7, 43.7%, 79.8%);
}
.chroma .nt {
color: rgba(hsl(276.7, 59%, 76.1%), 0.7)!important;
}
.chroma .na {
color: rgba(hsl(171.5, 39.2%, 64.5%), 0.7)!important;
}
.chroma .nb {
color: rgba(hsl(276.7, 59%, 76.1%), 0.7);
}
.chroma .s2 {
color: rgba(hsl(171.5, 39.2%, 64.5%), 0.7);
}
.chroma .si {
color: rgba(hsl(20.3, 79.1%, 70%), 0.6);
}
.chroma .nv {
color: rgba(hsl(20.3, 79.1%, 70%), 0.6);
}
.chroma .nx {
color: hsl(227.2, 70.1%, 86.9%);
}
.chroma .nf {
color: hsl(39.5, 62%, 73.1%);
}
.chroma .s {
color: rgba(hsl(171.5, 39.2%, 64.5%), 0.7);
}
}