new auto darkmode css

public/css/theme-auto.css

@@ -1 +1,3 @@
- @media (prefers-color-scheme:dark){.chroma{background-color:#2a2e3a}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#3f424d}.chroma .ln,.chroma .lnt{margin-right:.4em;padding:0 .4em;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 .bp,.chroma .nb{color:#9daccc}.chroma .nc,.chroma .no{color:#fa1}.chroma .nd{color:#9daccc}.chroma .ni{color:#fa1}.chroma .ne{color:#af8700}.chroma .nf{color:#9daccc}.chroma .nl,.chroma .nn{color:#fa1}.chroma .nt,.chroma .nv,.chroma .nx{color:#9daccc}.chroma .vc{color:#f81}.chroma .vg,.chroma .vi{color:#fa1}.chroma .s,.chroma .sa{color:#1af}.chroma .sb{color:#a0cc75}.chroma .dl,.chroma .sc{color:#1af}.chroma .sd{color:#6a737d}.chroma .s2{color:#a0cc75}.chroma .se{color:#f63}.chroma .sh{color:#1af}.chroma .si,.chroma .sx{color:#fa1}.chroma .sr{color:#97c}.chroma .s1{color:#a0cc75}.chroma .ss{color:#fa1}.chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#1af}.chroma .o{color:#f63}.chroma .ow{color:#5f8700}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#6a737d}.chroma .cs{color:rgba(102,51,119,.86667)}.chroma .cp,.chroma .cpf{color:#fc6}.chroma .gd{color:#fff;background-color:#5f3737}.chroma .ge{font-style:italic}.chroma .gr{color:#f33}.chroma .gh{color:#fa1}.chroma .gi{color:#fff;background-color:#3a523a}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#9daccc}.chroma .gt{color:#f63}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}.repository .ui.segment.sub-menu .list .item,.repository .ui.segment.sub-menu .list .item a,.repository .ui.segment.sub-menu .list .item span.ui{color:#dbdbdb}.repository .ui.segment.sub-menu .list .item a:hover{color:#fff}.ui.horizontal.segments>.segment{background-color:#383c4a}body{background:#383c4a;color:#9e9e9e}*{scrollbar-width:thin;scrollbar-color:#87ab63 hsla(0,0%,100%,.1)}::-webkit-scrollbar{-webkit-appearance:none!important;width:10px!important;height:10px!important}::-webkit-scrollbar-track{border-radius:0!important;background:hsla(0,0%,100%,.1)!important}::-webkit-scrollbar-thumb{cursor:pointer!important;border-radius:5px!important;-webkit-transition:color .2s ease!important;transition:color .2s ease!important}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:#87ab63!important}::-webkit-scrollbar-thumb:hover{background:#87ab63!important}a{color:#87ab63}.ui.breadcrumb a:hover,.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover,a:hover{color:#a0cc75}.repository .metas .ui.list a .text,.ui.breadcrumb a{color:#87ab63}.repository .metas .ui.list a .text:hover{color:#a0cc75}.repository .label.list .item a{color:#87ab63}.repository .label.list .item a:hover{color:#a0cc75}.repository .milestone.list>.item>a{color:#87ab63}.repository .milestone.list>.item>a:hover{color:#a0cc75}.repository.release #release-list{border-top:1px solid #4c505c}.repository .milestone.list>.item .operate>a{color:#87ab63}.repository .milestone.list>.item .operate>a:hover{color:#a0cc75}.ui.green.progress .bar{background-color:#684}.ui.progress.success .bar{background-color:#7b9e57!important}.following.bar.light{background:#2e323e;border-bottom:1px solid #313131}.ui.secondary.menu .active.item{color:#dbdbdb}.ui.secondary.menu .item{color:#9e9e9e}.following.bar .top.menu a.item:hover{color:#fff}.ui.attached.header{background:#404552;border:1px solid #404552;color:#dbdbdb}.ui.attached.table{border:1px solid #304251;background:#304251}.feeds .list ul li:not(:last-child){border-bottom:1px solid #333640}.feeds .list ul li.private{background:#353945;border:1px solid #333640}.ui.dropdown .menu .active.item,.ui.link.menu .item:hover,.ui.menu .active.item,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.secondary.menu .active.item:hover,.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{color:#dbdbdb;background:#454b5a}.ui.menu .ui.dropdown .menu>.item{color:#9e9e9e!important}.ui.menu .ui.dropdown .menu>.item:hover,.ui.menu .ui.dropdown .menu>.selected.item{color:#dbdbdb!important;background:#454b5a!important}.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border:1px solid #434444}footer{background:#2e323e;border-top:1px solid #313131;color:#bababa}.ui.menu .dropdown.item .menu{background:#2c303a}.ui.dropdown .menu>.header,.ui.dropdown .menu>.header:not(.ui){color:#dbdbdb}.ui.red.label,.ui.red.labels .label{background-color:#7d3434!important;border-color:#8a2121!important}.ui.menu{background:#404552;border:1px solid #353945}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{color:#dLine truncated
+@media (prefers-color-scheme: dark) {
+    .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-added-row-bg: #283e2d;--color-diff-removed-row-border: #634343;--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: #6Line truncated
+   }