codeberg.org - Dark Theme by idunno101

/* ==UserStyle==
@name         codeberg.org
@version      20211219.04.58
@namespace    userstyles.world/user/idunno101
@description  Forces the native dark mode for Codeberg. The code is copied from their theme-arc-green.css file. The style applied is the same as the one that’s applied when the arc-green theme is selected.
@author       idunno101
@license      No License
==/UserStyle== */

@-moz-document domain("codeberg.org") {
.chroma .hl {
 background-color:#3f424d
}
.chroma .lnt {
 color:#7f7f7f
}
.chroma .ln {
 color:#7f7f7f
}
.chroma .k {
 color:#f63
}
.chroma .kc {
 color:#fa1
}
.chroma .kd {
 color:#9daccc
}
.chroma .kn {
 color:#fa1
}
.chroma .kp {
 color:#5f8700
}
.chroma .kr {
 color:#f63
}
.chroma .kt {
 color:#9daccc
}
.chroma .na {
 color:#8a8a8a
}
.chroma .nb {
 color:#9daccc
}
.chroma .bp {
 color:#9daccc
}
.chroma .nc {
 color:#fa1
}
.chroma .no {
 color:#fa1
}
.chroma .nd {
 color:#9daccc
}
.chroma .ni {
 color:#fa1
}
.chroma .ne {
 color:#af8700
}
.chroma .nf {
 color:#9daccc
}
.chroma .nl {
 color:#fa1
}
.chroma .nn {
 color:#fa1
}
.chroma .nx {
 color:#9daccc
}
.chroma .nt {
 color:#9daccc
}
.chroma .nv {
 color:#9daccc
}
.chroma .vc {
 color:#f81
}
.chroma .vg {
 color:#fa1
}
.chroma .vi {
 color:#fa1
}
.chroma .s {
 color:#1af
}
.chroma .sa {
 color:#1af
}
.chroma .sb {
 color:#a0cc75
}
.chroma .sc {
 color:#1af
}
.chroma .dl {
 color:#1af
}
.chroma .sd {
 color:#6a737d
}
.chroma .s2 {
 color:#a0cc75
}
.chroma .se {
 color:#f63
}
.chroma .sh {
 color:#1af
}
.chroma .si {
 color:#fa1
}
.chroma .sx {
 color:#fa1
}
.chroma .sr {
 color:#97c
}
.chroma .s1 {
 color:#a0cc75
}
.chroma .ss {
 color:#fa1
}
.chroma .m {
 color:#1af
}
.chroma .mb {
 color:#1af
}
.chroma .mf {
 color:#1af
}
.chroma .mh {
 color:#1af
}
.chroma .mi {
 color:#1af
}
.chroma .il {
 color:#1af
}
.chroma .mo {
 color:#1af
}
.chroma .o {
 color:#f63
}
.chroma .ow {
 color:#5f8700
}
.chroma .c {
 color:#6a737d
}
.chroma .ch {
 color:#6a737d
}
.chroma .cm {
 color:#6a737d
}
.chroma .c1 {
 color:#6a737d
}
.chroma .cs {
 color:#637d
}
.chroma .cp {
 color:#fc6
}
.chroma .cpf {
 color:#fc6
}
.chroma .gd {
 color:#fff;
 background-color:#5f3737
}
.chroma .ge {
 color:#ef5
}
.chroma .gr {
 color:#f33
}
.chroma .gh {
 color:#fa1
}
.chroma .gi {
 color:#fff;
 background-color:#3a523a
}
.chroma .go {
 color:#888
}
.chroma .gp {
 color:#555
}
.chroma .gu {
 color:#9daccc
}
.chroma .gt {
 color:#f63
}
.chroma .w {
 color:#bbb
}
:root {
 --color-primary: #87ab63;
 --color-primary-dark-1: #93b373;
 --color-primary-dark-2: #9fbc82;
 --color-primary-dark-3: #abc492;
 --color-primary-dark-4: #b7cda1;
 --color-primary-dark-5: #cfddc1;
 --color-primary-dark-6: #e7eee0;
 --color-primary-dark-7: #f8faf6;
 --color-primary-light-1: #7a9e55;
 --color-primary-light-2: #6c8c4c;
 --color-primary-light-3: #5f7b42;
 --color-primary-light-4: #516939;
 --color-primary-light-5: #364626;
 --color-primary-light-6: #1b2313;
 --color-primary-light-7: #080b06;
 --color-primary-alpha-10: #87ab6319;
 --color-primary-alpha-20: #87ab6333;
 --color-primary-alpha-30: #87ab634b;
 --color-primary-alpha-40: #87ab6366;
 --color-primary-alpha-50: #87ab6380;
 --color-primary-alpha-60: #87ab6399;
 --color-primary-alpha-70: #87ab63b3;
 --color-primary-alpha-80: #87ab63cc;
 --color-primary-alpha-90: #87ab63e1;
 --color-secondary: #454a57;
 --color-secondary-dark-1: #505665;
 --color-secondary-dark-2: #5b6273;
 --color-secondary-dark-3: #71798e;
 --color-secondary-dark-4: #7f8699;
 --color-secondary-dark-5: #8c93a4;
 --color-secondary-dark-6: #9aa0af;
 --color-secondary-dark-7: #a8adba;
 --color-secondary-dark-8: #b6bac5;
 --color-secondary-dark-9: #c4c7d0;
 --color-secondary-dark-10: #d2d4db;
 --color-secondary-dark-11: #dfe1e6;
 --color-secondary-dark-12: #edeef1;
 --color-secondary-dark-13: #fbfbfc;
 --color-secondary-light-1: #373b46;
 --color-secondary-light-2: #292c34;
 --color-secondary-light-3: #1c1e23;
 --color-secondary-light-4: #0e0f11;
 --color-secondary-alpha-10: #454a5719;
 --color-secondary-alpha-20: #454a5733;
 --color-secondary-alpha-30: #454a574b;
 --color-secondary-alpha-40: #454a5766;
 --color-secondary-alpha-50: #454a5780;
 --color-secondary-alpha-60: #454a5799;
 --color-secondary-alpha-70: #454a57b3;
 --color-secondary-alpha-80: #454a57cc;
 --color-secondary-alpha-90: #454a57e1;
 --color-red: #db2828;
 --color-orange: #f2711c;
 --color-yellow: #fbbd08;
 --color-olive: #b5cc18;
 --color-green: #21ba45;
 --color-teal: #00b5ad;
 --color-blue: #2185d0;
 --color-violet: #6435c9;
 --color-purple: #a333c8;
 --color-pink: #e03997;
 --color-brown: #a5673f;
 --color-grey: #767a85;
 --color-black: #1e222e;
 --color-gold: #a1882b;
 --color-white: #ffffff;
 --color-diff-removed-word-bg: #6f3333;
 --color-diff-added-word-bg: #3c653c;
 --color-diff-removed-row-bg: #3c2626;
 --color-diff-moved-row-bg: #818044;
 --color-diff-added-row-bg: #283e2d;
 --color-diff-removed-row-border: #634343;
 --color-diff-moved-row-border: #bcca6f;
 --color-diff-added-row-border: #314a37;
 --color-diff-inactive: #353846;
 --color-body: #383c4a;
 --color-box-header: #404652;
 --color-box-body: #303440;
 --color-text-dark: #dbe0ea;
 --color-text: #bbc0ca;
 --color-text-light: #a6aab5;
 --color-text-light-2: #8a8e99;
 --color-text-light-3: #707687;
 --color-footer: #2e323e;
 --color-timeline: #4c525e;
 --color-input-text: #d5dbe6;
 --color-input-background: #292d39;
 --color-input-border: #454a57;
 --color-input-border-hover: #505667;
 --color-navbar: #2a2e3a;
 --color-light: #00000028;
 --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
 --color-light-border: #ffffff28;
 --color-hover: #ffffff10;
 --color-active: #ffffff16;
 --color-menu: #2e323e;
 --color-card: #2e323e;
 --color-markup-table-row: #ffffff06;
 --color-markup-code-block: #292d39;
 --color-button: #353846;
 --color-code-bg: #2a2e3a;
 --color-code-sidebar-bg: #2e323e;
 --color-shadow: #00000060;
 --color-secondary-bg: #2a2e3a;
 --color-text-focus: #fff;
 --color-expand-button: #3c404d;
 --color-placeholder-text: #6a737d;
 --color-editor-line-highlight: var(--color-primary-light-5);
 --color-project-board-bg: var(--color-secondary-light-2);
 --color-caret: var(--color-text);
 --color-reaction-bg: #ffffff12;
 --color-reaction-active-bg: var(--color-primary-alpha-40)
}
::-webkit-calendar-picker-indicator {
 filter:invert(.8)
}
.ui.horizontal.segments>.segment {
 background-color:#383c4a
}
[data-tooltip]:before,
[data-tooltip]:after {
 background:#1b1c1d!important;
 border-color:#1b1c1d!important;
 color:#dbdbdb!important
}
[data-tooltip]:before {
 box-shadow:1px 1px #1b1c1d!important
}
.ui.green.progress .bar {
 background-color:#684
}
.ui.progress.success .bar {
 background-color:#7b9e57!important
}
.following.bar.light {
 background:#2e323e;
 border-color:var(--color-secondary-alpha-40)
}
.following.bar .top.menu a.item:hover {
 color:#fff
}
.feeds .list ul li.private {
 background:#353945
}
.ui.red.label,
.ui.red.labels .label {
 background-color:#7d3434!important;
 border-color:#8a2121!important
}
.ui.yellow.label,
.ui.yellow.labels .label {
 border-color:#664d02!important;
 background-color:#936e00!important
}
.ui.accordion .title:not(.ui) {
 color:#dbdbdb
}
.ui.green.label,
.ui.green.labels .label,
.ui.basic.green.label {
 background-color:#2d693b!important;
 border-color:#2d693b!important
}
.ui.green.labels a.label:hover,
.ui.basic.green.labels a.label:hover,
a.ui.ui.ui.green.label:hover,
a.ui.basic.green.label:hover {
 background-color:#3d794b!important;
 border-color:#3d794b!important;
 color:#fff!important
}
.ui.divider:not(.vertical):not(.horizontal) {
 border-bottom-color:var(--color-secondary);
 border-top-color:transparent
}
.form .help {
 color:#7f8699
}
.ui .text.light.grey {
 color:#7f8699!important
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=file],
.ui.form .fields.error .field input[type=url],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=file],
.ui.form .field.error input[type=url] {
 background-color:#522;
 border:1px solid #7d3434;
 color:#f9cbcb
}
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=time]:focus,
.u...