custom gitea theme v1
This commit is contained in:
parent
1dbca5419f
commit
90e8ba9eea
@ -2,8 +2,9 @@
|
||||
text-align: center;
|
||||
}
|
||||
.main {
|
||||
font-family: monospace;
|
||||
font-size: x-large;
|
||||
color: rgb(224, 193, 155);
|
||||
color: rgba(230, 186, 142, 0.747);
|
||||
}
|
||||
.link:link {
|
||||
color: bisque;
|
||||
@ -27,7 +28,7 @@ body {
|
||||
.footer{
|
||||
font-size: small;
|
||||
padding-top: 10%;
|
||||
color: rgb(224, 193, 155);
|
||||
|
||||
}
|
||||
.spacer{
|
||||
padding: 2.5%;
|
||||
|
||||
396
theme-apex.css
Normal file
396
theme-apex.css
Normal file
@ -0,0 +1,396 @@
|
||||
:root {
|
||||
--is-dark-theme: true;
|
||||
--color-primary: rgba(230, 186, 142, 0.747);
|
||||
--color-primary-contrast: rgb(22, 9, 38);
|
||||
--color-primary-dark-1: var(--color-primary);
|
||||
--color-primary-dark-2: #7bbae8;
|
||||
--color-primary-dark-3: #8abee5;
|
||||
--color-primary-dark-4: #99c2e2;
|
||||
--color-primary-dark-5: #a7c5df;
|
||||
--color-primary-dark-6: #b6c9dc;
|
||||
--color-primary-dark-7: #c5cdd9;
|
||||
--color-primary-light-1: var(--color-primary);
|
||||
--color-primary-light-2: #63a1d0;
|
||||
--color-primary-light-3: #5a8db5;
|
||||
--color-primary-light-4: #51789a;
|
||||
--color-primary-light-5: #48637f;
|
||||
--color-primary-light-6: #3f4f64;
|
||||
--color-primary-light-7: #363a49;
|
||||
--color-primary-alpha-10: rgba(108, 182, 235, 0.1);
|
||||
--color-primary-alpha-20: rgba(108, 182, 235, 0.2);
|
||||
--color-primary-alpha-30: rgba(108, 182, 235, 0.3);
|
||||
--color-primary-alpha-40: rgba(108, 182, 235, 0.4);
|
||||
--color-primary-alpha-50: rgba(108, 182, 235, 0.5);
|
||||
--color-primary-alpha-60: rgba(108, 182, 235, 0.6);
|
||||
--color-primary-alpha-70: rgba(108, 182, 235, 0.7);
|
||||
--color-primary-alpha-80: rgba(108, 182, 235, 0.8);
|
||||
--color-primary-alpha-90: rgba(108, 182, 235, 0.9);
|
||||
--color-secondary: #404455;
|
||||
--color-secondary-dark-1: #404455;
|
||||
--color-secondary-dark-2: #4b4f60;
|
||||
--color-secondary-dark-3: #565b6b;
|
||||
--color-secondary-dark-4: #616676;
|
||||
--color-secondary-dark-5: #6c7281;
|
||||
--color-secondary-dark-6: #777d8c;
|
||||
--color-secondary-dark-7: #838997;
|
||||
--color-secondary-dark-8: #8e94a2;
|
||||
--color-secondary-dark-9: #999fad;
|
||||
--color-secondary-dark-10: #a4abb8;
|
||||
--color-secondary-dark-11: #afb6c3;
|
||||
--color-secondary-dark-12: #bac2ce;
|
||||
--color-secondary-dark-13: #c5cdd9;
|
||||
--color-secondary-light-1: #404455;
|
||||
--color-secondary-light-2: #3a3e4e;
|
||||
--color-secondary-light-3: #363a49;
|
||||
--color-secondary-light-4: #333644;
|
||||
--color-secondary-alpha-10: rgba(64, 68, 85, 0.1);
|
||||
--color-secondary-alpha-20: rgba(64, 68, 85, 0.2);
|
||||
--color-secondary-alpha-30: rgba(64, 68, 85, 0.3);
|
||||
--color-secondary-alpha-40: rgba(64, 68, 85, 0.4);
|
||||
--color-secondary-alpha-50: rgba(64, 68, 85, 0.5);
|
||||
--color-secondary-alpha-60: rgba(64, 68, 85, 0.6);
|
||||
--color-secondary-alpha-70: rgba(64, 68, 85, 0.7);
|
||||
--color-secondary-alpha-80: rgba(64, 68, 85, 0.8);
|
||||
--color-secondary-alpha-90: rgba(64, 68, 85, 0.9);
|
||||
--color-red: #ec7279;
|
||||
--color-orange: #deb974;
|
||||
--color-yellow: #deb974;
|
||||
--color-olive: #a0c980;
|
||||
--color-green: #a0c980;
|
||||
--color-teal: #5dbbc1;
|
||||
--color-blue: var(--color-primary);
|
||||
--color-violet: #d38aea;
|
||||
--color-purple: #d38aea; /* */
|
||||
--color-pink: #d38aea;
|
||||
--color-brown: #deb974;
|
||||
--color-grey: #758094;
|
||||
--color-red-light: #ec7279;
|
||||
--color-orange-light: #deb974;
|
||||
--color-yellow-light: #deb974;
|
||||
--color-olive-light: #a0c980;
|
||||
--color-green-light: #a0c980;
|
||||
--color-teal-light: #5dbbc1;
|
||||
--color-blue-light: var(--color-primary);
|
||||
--color-violet-light: #d38aea;
|
||||
--color-purple-light: #d38aea;
|
||||
--color-pink-light: #d38aea;
|
||||
--color-brown-light: #deb974;
|
||||
--color-grey-light: #758094;
|
||||
--color-black: #363a49;
|
||||
--color-gold: #deb974;
|
||||
--color-white: var(--color-primary-contrast);
|
||||
--color-diff-removed-word-bg: #824a4f;
|
||||
--color-diff-added-word-bg: #586d4b;
|
||||
--color-diff-removed-row-bg: #55393d;
|
||||
--color-diff-moved-row-bg: #354157;
|
||||
--color-diff-added-row-bg: #394634;
|
||||
--color-diff-removed-row-border: #a1565b;
|
||||
--color-diff-moved-row-border: #517ca1;
|
||||
--color-diff-added-row-border: #6d885a;
|
||||
--color-diff-inactive: #363a49;
|
||||
--color-error-border: #a1565b;
|
||||
--color-error-bg: #55393d;
|
||||
--color-error-text: #ec7279;
|
||||
--color-success-border: #6d885a;
|
||||
--color-success-bg: #394634;
|
||||
--color-success-text: #a0c980;
|
||||
--color-warning-border: #967e52;
|
||||
--color-warning-bg: #4e432f;
|
||||
--color-warning-text: #deb974;
|
||||
--color-info-border: #517ca1;
|
||||
--color-info-bg: #354157;
|
||||
--color-info-text: var(--color-primary);
|
||||
--color-body: var(--color-primary-contrast);
|
||||
--color-box-header: #3a3e4e;
|
||||
--color-box-body: #333644;
|
||||
--color-box-body-highlight: #363a49;
|
||||
--color-text-dark: #d38aea;
|
||||
--color-text: #c5cdd9;
|
||||
--color-text-hover: rgba(197, 205, 217, 0.8);
|
||||
--color-text-light: #a0c980;
|
||||
--color-text-light-1: #758094;
|
||||
--color-text-light-2: #d38aea;
|
||||
--color-text-light-3: #758094;
|
||||
--color-footer: #333644;
|
||||
--color-timeline: #404455;
|
||||
--color-input-text: #c5cdd9;
|
||||
--color-input-background: var(--color-primary-contrast);
|
||||
--color-input-toggle-background: #333644;
|
||||
--color-input-border: #404455;
|
||||
--color-input-border-hover: #5b6275;
|
||||
--color-navbar: #333644;
|
||||
--color-navbar-transparent: #333644;
|
||||
--color-nav-bg: #333644;
|
||||
--color-nav-hover-bg: #3a3e4e;
|
||||
--color-light: #333644;
|
||||
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
|
||||
--color-light-border: #404455;
|
||||
--color-hover: rgba(64, 68, 85, 0.5);
|
||||
--color-active: rgba(64, 68, 85, 0.5);
|
||||
--color-menu: #333644;
|
||||
--color-card: #333644;
|
||||
--color-markup-table-row: #3a3e4e;
|
||||
--color-markup-code-block: var(--color-primary-contrast);
|
||||
--color-button: #3a3e4e;
|
||||
--color-code-bg: var(--color-primary-contrast);
|
||||
--color-code-sidebar-bg: #333644;
|
||||
--color-shadow: #00000060;
|
||||
--color-secondary-bg: #333644;
|
||||
--color-text-focus: #fff;
|
||||
--color-expand-button: #363a49;
|
||||
--color-placeholder-text: #758094;
|
||||
--color-editor-line-highlight: #333644;
|
||||
--color-project-board-bg: var(--color-primary-contrast);
|
||||
--color-project-board-light-label: var(--color-primary);
|
||||
--color-caret: var(--color-text);
|
||||
--color-reaction-bg: #ffffff12;
|
||||
--color-reaction-active-bg: var(--color-primary-alpha-40);
|
||||
--color-header-bar: #333644;
|
||||
--color-label-bg: #404455;
|
||||
--color-label-text: #a0c980;
|
||||
--color-label-active-bg: #404455;
|
||||
--color-accent: var(--color-primary-light-1);
|
||||
--color-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: #333644;
|
||||
--color-tooltip-bg: var(--color-secondary);
|
||||
--color-input-toggle-background: var(--color-placeholder-text) !important;
|
||||
accent-color: var(--color-accent);
|
||||
color-scheme: dark
|
||||
}
|
||||
|
||||
.chroma .nx {
|
||||
color: #c5cdd9
|
||||
}
|
||||
|
||||
.chroma .c,
|
||||
.chroma .c1,
|
||||
.chroma .ch,
|
||||
.chroma .cm,
|
||||
.chroma .sd {
|
||||
color: #758094
|
||||
}
|
||||
|
||||
.chroma .k,
|
||||
.chroma .kc,
|
||||
.chroma .kd,
|
||||
.chroma .kn,
|
||||
.chroma .kp,
|
||||
.chroma .kr {
|
||||
color: #ec7279
|
||||
}
|
||||
|
||||
.chroma .o,
|
||||
.chroma .ow {
|
||||
color: var(--color-purple)
|
||||
}
|
||||
|
||||
.chroma .s,
|
||||
.chroma .s1,
|
||||
.chroma .s2,
|
||||
.chroma .sa,
|
||||
.chroma .sb,
|
||||
.chroma .sc,
|
||||
.chroma .sh,
|
||||
.chroma .si,
|
||||
.chroma .sr,
|
||||
.chroma .ss,
|
||||
.chroma .sx,
|
||||
.chroma .nt,
|
||||
.chroma .cpf {
|
||||
color: #a0c980
|
||||
}
|
||||
|
||||
.chroma .m,
|
||||
.chroma .mb,
|
||||
.chroma .mf,
|
||||
.chroma .mh,
|
||||
.chroma .mi,
|
||||
.chroma .mo,
|
||||
.chroma .nl {
|
||||
color: #a0c980
|
||||
}
|
||||
|
||||
.chroma .kt,
|
||||
.chroma .nc,
|
||||
.chroma .nn,
|
||||
.chroma .nv {
|
||||
color: #deb974
|
||||
}
|
||||
|
||||
.chroma .nf,
|
||||
.chroma .nb,
|
||||
.chroma .na {
|
||||
color: var(--color-primary)
|
||||
}
|
||||
|
||||
.chroma .bp,
|
||||
.chroma .cp,
|
||||
.chroma .ne,
|
||||
.chroma .nd,
|
||||
.chroma .se {
|
||||
color: #5dbbc1
|
||||
}
|
||||
|
||||
.ui.primary.button,
|
||||
.ui.primary.buttons .button {
|
||||
background: var(--color-primary);
|
||||
background-color: var(--color-primary) !important;
|
||||
color: var(--color-primary-contrast) !important;
|
||||
}
|
||||
|
||||
.ui.primary.button:hover,
|
||||
.ui.primary.buttons .button:hover {
|
||||
background: rgba(108, 182, 235, 0.8);
|
||||
background-color: rgba(108, 182, 235, 0.8) !important;
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.grey.labels .label,
|
||||
.ui.ui.ui.grey.label,
|
||||
.ui.grey.button,
|
||||
.ui.grey.buttons .button {
|
||||
color: var(--color-primary-contrast);
|
||||
background-color: var(--color-primary);
|
||||
border-color: var(--color-primary)
|
||||
}
|
||||
|
||||
.ui.grey.labels .label:hover,
|
||||
.ui.ui.ui.grey.label:hover,
|
||||
.ui.grey.button:hover,
|
||||
.ui.grey.buttons .button:hover {
|
||||
color: var(--color-primary-contrast);
|
||||
background-color: var(--color-primary);
|
||||
border-color: var(--color-primary)
|
||||
}
|
||||
|
||||
.ui.green.buttons .button,
|
||||
.ui.green.button {
|
||||
background: #a0c980;
|
||||
background-color: #a0c980;
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.green.buttons .button:hover,
|
||||
.ui.green.button:hover {
|
||||
background: rgba(160, 201, 128, 0.8);
|
||||
background-color: rgba(160, 201, 128, 0.8);
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.labeled.button.disabled>.button,
|
||||
.ui.basic.buttons .button,
|
||||
.ui.basic.button {
|
||||
color: var(--color-purple)
|
||||
}
|
||||
|
||||
.ui.labeled.button.disabled>.button:hover,
|
||||
.ui.basic.buttons .button:hover,
|
||||
.ui.basic.button:hover {
|
||||
color: var(--color-purple)
|
||||
}
|
||||
|
||||
.repo-title {
|
||||
color: var(--color-purple)
|
||||
}
|
||||
|
||||
.repo-buttons button[disabled]~.label,
|
||||
.repo-buttons .ui.labeled.button.disabled>.label {
|
||||
color: var(--color-primary)
|
||||
}
|
||||
|
||||
.ui.basic.labels .label,
|
||||
.ui.basic.label {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.repository .ui.segment.sub-menu .list .item a:hover,
|
||||
.ui.tabular.menu .item:hover {
|
||||
color: var(--color-text-hover);
|
||||
}
|
||||
|
||||
.ui.primary.labels .label,
|
||||
.ui.ui.ui.primary.label {
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.green.labels .label,
|
||||
.ui.ui.ui.green.label {
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
i.grey.icon.icon.icon.icon {
|
||||
color: #758094
|
||||
}
|
||||
|
||||
* {
|
||||
scrollbar-color: var(--color-purple) transparent !important
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
box-shadow: inset 0 0 0 6px var(--color-purple) !important;
|
||||
border: 2px solid transparent;
|
||||
border-radius: 5px !important
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:window-inactive {
|
||||
box-shadow: inset 0 0 0 6px var(--color-purple) !important
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
box-shadow: inset 0 0 0 6px var(--color-purple) !important
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.ui.red.labels .label,
|
||||
.ui.ui.ui.red.label,
|
||||
.ui.red.button,
|
||||
.ui.red.buttons .button {
|
||||
background: #ec7279;
|
||||
background-color: #ec7279;
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.red.labels .label:hover,
|
||||
.ui.ui.ui.red.label:hover,
|
||||
.ui.red.button:hover,
|
||||
.ui.red.buttons .button:hover {
|
||||
background: rgba(236, 114, 121, 0.8);
|
||||
background-color: rgba(236, 114, 121, 0.8);
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.labels a.label,
|
||||
a.ui.label {
|
||||
background-color: #333644
|
||||
}
|
||||
|
||||
.ui.labels a.label:hover,
|
||||
a.ui.label:hover {
|
||||
background-color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.orange.labels .label,
|
||||
.ui.ui.ui.orange.label,
|
||||
.ui.orange.button,
|
||||
.ui.orange.buttons .button {
|
||||
background: #deb974;
|
||||
background-color: #deb974;
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
|
||||
.ui.orange.labels .label:hover,
|
||||
.ui.ui.ui.orange.label:hover,
|
||||
.ui.orange.button:hover,
|
||||
.ui.orange.buttons .button:hover {
|
||||
background: rgba(222, 185, 116, 0.8);
|
||||
background-color: rgba(222, 185, 116, 0.8);
|
||||
color: var(--color-primary-contrast);
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user