Update onedev theme
This commit is contained in:
parent
231e82905e
commit
b12e2a2d33
1 changed files with 374 additions and 397 deletions
|
|
@ -71,36 +71,58 @@ domain("code.onedev.io") {
|
|||
--dark-mode-dark-gray: var(--bg3);
|
||||
}
|
||||
.CodeMirror {
|
||||
font-family: var(--monospaceFontFamily);
|
||||
font-family: var(--monospaceFontFamily)
|
||||
}
|
||||
.nav .nav-link {
|
||||
color: var(--fg4);
|
||||
color: var(--fg4)
|
||||
}
|
||||
|
||||
.dark-mode .badge.badge-light-info {
|
||||
color: var(--fg1);
|
||||
background: var(--purple-dim);
|
||||
background: var(--purple-dim)
|
||||
}
|
||||
|
||||
.dark-mode li.feedbackPanelINFO {
|
||||
background-color: var(--bg);
|
||||
background-color: var(--bg)
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: var(--fg4) !important;
|
||||
}
|
||||
.dark-mode .blob-text-diff > tbody > tr > td.new.number,
|
||||
.dark-mode .text-diff > tbody > tr > td.new.content,
|
||||
.dark-mode .text-diff > tbody > tr > td.new.operation {
|
||||
background: #999c2654;
|
||||
border-color: var(--green-dim)
|
||||
}
|
||||
.dark-mode .blob-text-diff > tbody > tr > td.old.number,
|
||||
.dark-mode .text-diff > tbody > tr > td.old.content,
|
||||
.dark-mode .text-diff > tbody > tr > td.old.operation {
|
||||
background: #fb493457;
|
||||
border-color: var(--red-dim)
|
||||
}
|
||||
.dark-mode .text-diff > tbody > tr > td.new .insert {
|
||||
background-color: #689d6a5c
|
||||
}
|
||||
.dark-mode .text-diff>tbody>tr>td.old .delete {
|
||||
background-color: #cc2412a8
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
background: var(--bg_s);
|
||||
background: var(--bg_s)
|
||||
}
|
||||
|
||||
.dark-mode .CodeMirror-simplescroll-vertical div {
|
||||
background: var(--bg1);
|
||||
}
|
||||
.dark-mode .blob-text-diff > tbody > tr.expander > td.skipped,
|
||||
.dark-mode .blob-text-diff > tbody > tr.expander > td.expander a {
|
||||
background: var(--bg1)
|
||||
}
|
||||
|
||||
.dark-mode ::-webkit-scrollbar {
|
||||
background-color: var(--bg1);
|
||||
background-color: var(--bg1)
|
||||
}
|
||||
|
||||
.sidebar-menu .menu-body .menu-link:hover,
|
||||
|
|
@ -108,56 +130,51 @@ domain("code.onedev.io") {
|
|||
.sidebar-menu .menu-body .menu-link.open,
|
||||
.sidebar-menu .menu-body .menu-link.active,
|
||||
.dark-mode .switch input:empty ~ span:after {
|
||||
background-color: var(--bg3);
|
||||
background-color: var(--bg3)
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-light-danger {
|
||||
color: var(--fg);
|
||||
background-color: var(--red);
|
||||
background-color: var(--red)
|
||||
}
|
||||
|
||||
.dark-mode a,
|
||||
.dark-mode a:not([href]):not([class]) {
|
||||
color: var(--blue);
|
||||
color: var(--blue)
|
||||
}
|
||||
|
||||
.dark-mode ::-webkit-scrollbar-thumb,
|
||||
.dark-mode .CodeMirror-simplescroll-vertical div,
|
||||
.dark-mode .alert.alert-light {
|
||||
background-color: var(--bg2);
|
||||
background-color: var(--bg2)
|
||||
}
|
||||
|
||||
.sidebar-footer {
|
||||
background: var(--bg_s);
|
||||
background: var(--bg_s)
|
||||
}
|
||||
|
||||
.sidebar-menu .menu-header-text {
|
||||
color: var(--fg2);
|
||||
color: var(--fg2)
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-outline-secondary,
|
||||
.dark-mode .form-control,
|
||||
.dark-mode
|
||||
.btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not(
|
||||
[disabled]
|
||||
):not(.btn-text),
|
||||
.dark-mode .btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .select2-container-active .select2-choice,
|
||||
.dark-mode li.selectable.active a,
|
||||
.dark-mode a.selectable.active,
|
||||
.dark-mode .select2-container .select2-choice,
|
||||
.dark-mode .select2-container .select2-choices {
|
||||
border-color: var(--bg4) !important;
|
||||
border-color: var(--bg4) !important
|
||||
}
|
||||
|
||||
.dark-mode a.link-primary:hover {
|
||||
color: var(--green-dim) !important;
|
||||
color: var(--green-dim) !important
|
||||
}
|
||||
|
||||
.dark-mode .form-control:focus,
|
||||
.btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not(
|
||||
[disabled]
|
||||
):not(.btn-text) {
|
||||
border-color: var(--fg4) !important;
|
||||
.btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
|
||||
border-color: var(--fg4) !important
|
||||
}
|
||||
|
||||
.dark-mode .text-muted,
|
||||
|
|
@ -169,16 +186,16 @@ domain("code.onedev.io") {
|
|||
|
||||
.dark-mode .btn.btn-light-primary,
|
||||
.markdown-rendered a:hover {
|
||||
color: var(--green);
|
||||
color: var(--green)
|
||||
}
|
||||
|
||||
.sidebar-menu .menu-bullet {
|
||||
background-color: var(--bg4);
|
||||
background-color: var(--bg4)
|
||||
}
|
||||
|
||||
.dark-mode .select2-container-multi .select2-choices .select2-search-choice {
|
||||
color: var(--fg);
|
||||
border-color: var(--bg4);
|
||||
border-color: var(--bg4)
|
||||
}
|
||||
|
||||
.dark-mode a {
|
||||
|
|
@ -186,62 +203,54 @@ domain("code.onedev.io") {
|
|||
}
|
||||
|
||||
.SimplePage.dark-mode:not(.force-ordinary-style) .main .form-control {
|
||||
color: var(--fg);
|
||||
color: var(--fg)
|
||||
}
|
||||
|
||||
.dark-mode li.feedbackPanelERROR,
|
||||
li.feedbackPanelFATAL {
|
||||
background: var(--bg);
|
||||
background: var(--bg)
|
||||
}
|
||||
|
||||
.commit-dot-color1,
|
||||
.commit-dot,
|
||||
.commit-line-color1 {
|
||||
fill: var(--blue);
|
||||
stroke: var(--blue);
|
||||
stroke: var(--blue)
|
||||
}
|
||||
|
||||
.commit-dot-color2,
|
||||
.commit-line-color2 {
|
||||
stroke: var(--green);
|
||||
fill: var(--green);
|
||||
fill: var(--green)
|
||||
}
|
||||
|
||||
.dark-mode .select2-results .select2-no-results {
|
||||
color: var(--orange);
|
||||
background-color: var(--bg2);
|
||||
background-color: var(--bg2)
|
||||
}
|
||||
|
||||
.websocket-error {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.btn.btn-primary:focus:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.btn.btn-primary:active:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.btn.btn-primary.active:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-primary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-primary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-primary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.show > .btn.btn-primary.dropdown-toggle,
|
||||
.show .btn.btn-primary.btn-dropdown,
|
||||
.btn.btn-primary {
|
||||
border-color: var(--green);
|
||||
color: var(--fg);
|
||||
background-color: var(--green-dim);
|
||||
background-color: var(--green-dim)
|
||||
}
|
||||
|
||||
.dark-mode .alert.alert-light-warning {
|
||||
background-color: var(--bg_h);
|
||||
background-color: var(--bg_h)
|
||||
}
|
||||
|
||||
.dark-mode a.link-success:hover {
|
||||
color: var(--blue) !important;
|
||||
color: var(--blue) !important
|
||||
}
|
||||
|
||||
a[href*="/~issues?query=%22Project%22+is+current+and+%22State%22+is+%22Open%22"] {
|
||||
|
|
@ -257,8 +266,7 @@ domain("code.onedev.io") {
|
|||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/local_function"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/methpri_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpri_obj"] {
|
||||
filter: brightness(0) saturate(100%) invert(38%) sepia(64%) saturate(3531%)
|
||||
hue-rotate(342deg) brightness(102%) contrast(97%);
|
||||
filter: brightness(0) saturate(100%) invert(38%) sepia(64%) saturate(3531%) hue-rotate(342deg) brightness(102%) contrast(97%);
|
||||
}
|
||||
|
||||
/*blue*/
|
||||
|
|
@ -268,24 +276,21 @@ domain("code.onedev.io") {
|
|||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/field_public_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/class_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methdef_obj"] {
|
||||
filter: brightness(0) saturate(100%) invert(74%) sepia(5%) saturate(1368%)
|
||||
hue-rotate(105deg) brightness(86%) contrast(80%);
|
||||
filter: brightness(0) saturate(100%) invert(74%) sepia(5%) saturate(1368%) hue-rotate(105deg) brightness(86%) contrast(80%);
|
||||
}
|
||||
|
||||
/*yellow*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/class"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.scss.symbols.icon.iconlocator/css"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpro_obj"] {
|
||||
filter: brightness(0) saturate(100%) invert(84%) sepia(27%) saturate(2230%)
|
||||
hue-rotate(335deg) brightness(106%) contrast(96%);
|
||||
filter: brightness(0) saturate(100%) invert(84%) sepia(27%) saturate(2230%) hue-rotate(335deg) brightness(106%) contrast(96%);
|
||||
}
|
||||
|
||||
/*aqua*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/method"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/class_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/annotation_obj"] {
|
||||
filter: brightness(0) saturate(100%) invert(69%) sepia(19%) saturate(713%)
|
||||
hue-rotate(59deg) brightness(100%) contrast(85%);
|
||||
filter: brightness(0) saturate(100%)invert(69%) sepia(19%) saturate(713%) hue-rotate(59deg) brightness(100%) contrast(85%);
|
||||
}
|
||||
|
||||
/*green*/
|
||||
|
|
@ -293,18 +298,18 @@ domain("code.onedev.io") {
|
|||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/exported_object"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/exported_class"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpub_obj"] {
|
||||
filter: brightness(0) saturate(100%) invert(63%) sepia(79%) saturate(429%)
|
||||
hue-rotate(21deg) brightness(98%) contrast(85%);
|
||||
filter: brightness(0) saturate(100%) invert(63%) sepia(79%) saturate(429%) hue-rotate(21deg) brightness(98%) contrast(85%);
|
||||
}
|
||||
|
||||
/*purple*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/field_private_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/field_private_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/int_obj"] {
|
||||
filter: brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(1019%)
|
||||
hue-rotate(291deg) brightness(92%) contrast(77%);
|
||||
filter: brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(1019%) hue-rotate(291deg) brightness(92%) contrast(77%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dark-mode .select2-results .select2-result-label {
|
||||
color: var(--fg2);
|
||||
}
|
||||
|
|
@ -312,29 +317,26 @@ domain("code.onedev.io") {
|
|||
code,
|
||||
.dark-mode .code {
|
||||
color: var(--blue);
|
||||
background-color: var(--bg) !important;
|
||||
background-color: var(--bg) !important
|
||||
}
|
||||
|
||||
.select2-search input,
|
||||
.dark-mode .select2-search input,
|
||||
.dark-mode
|
||||
.btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
) {
|
||||
background: var(--bg1);
|
||||
border-color: var(--bg4);
|
||||
color: var(--fg2);
|
||||
.dark-mode .btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
|
||||
background: var(--bg1) !important;
|
||||
border-color: var(--bg4) !important;
|
||||
color: var(--fg2) !important
|
||||
}
|
||||
|
||||
.dark-mode .markdown-rendered table.table tr:nth-child(odd) td {
|
||||
background: var(--bg);
|
||||
background: var(--bg)
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-light,
|
||||
.dark-mode .select2-drop-active,
|
||||
.dark-mode .btn.btn-secondary {
|
||||
background-color: var(--bg3);
|
||||
border-color: var(--bg4);
|
||||
border-color: var(--bg4)
|
||||
}
|
||||
|
||||
.project-contribs .top-contributors .head .total-contribution span.additions,
|
||||
|
|
@ -347,7 +349,7 @@ domain("code.onedev.io") {
|
|||
}
|
||||
|
||||
.project-contribs .top-contributors .head .total-contribution span.deletions {
|
||||
color: var(--red);
|
||||
color: var(--red)
|
||||
}
|
||||
|
||||
.sidebar a,
|
||||
|
|
@ -364,86 +366,61 @@ domain("code.onedev.io") {
|
|||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.dark-mode
|
||||
.btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.dark-mode
|
||||
.btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.dark-mode
|
||||
.btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.dark-mode
|
||||
.btn.btn-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.dark-mode
|
||||
.btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.dark-mode
|
||||
.btn.btn-secondary.active:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .show > .btn.btn-secondary.dropdown-toggle,
|
||||
.dark-mode .show .btn.btn-secondary.btn-dropdown,
|
||||
.dark-mode
|
||||
.btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not(
|
||||
.disabled
|
||||
):not([disabled]),
|
||||
.btn.btn-light:active:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
),
|
||||
.btn.btn-light:focus:not(.disabled):not(:disabled):not([disabled]):not(
|
||||
.btn-text
|
||||
) {
|
||||
.dark-mode .btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not(.disabled):not([disabled]),
|
||||
.btn.btn-light:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-light:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
|
||||
border-color: var(--bg3) !important;
|
||||
background-color: var(--bg1) !important;
|
||||
background-color: var(--bg1) !important
|
||||
}
|
||||
|
||||
.dark-mode a.link-info:hover,
|
||||
.dark-mode a.link-info:focus {
|
||||
color: var(--purple) !important;
|
||||
color: var(--purple) !important
|
||||
}
|
||||
|
||||
.CodeMirror-mark {
|
||||
background: var(--green);
|
||||
background: var(--green)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-comment,
|
||||
.dark-mode .cm-s-eclipse span.cm-type {
|
||||
color: var(--fg4);
|
||||
color: var(--fg4)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-tag,
|
||||
.dark-mode .cm-s-eclipse span.cm-attribute {
|
||||
color: var(--blue);
|
||||
color: var(--blue)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-keyword,
|
||||
.dark-mode .cm-s-eclipse span.cm-error {
|
||||
color: var(--red);
|
||||
color: var(--red)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-qualifier {
|
||||
color: var(--red);
|
||||
color: var(--red)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-variable-2 {
|
||||
color: var(--fg);
|
||||
color: var(--fg)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-property,
|
||||
.dark-mode .cm-s-eclipse span.cm-def {
|
||||
color: var(--aqua);
|
||||
color: var(--aqua)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-operator,
|
||||
.dark-mode .cm-s-eclipse span.cm-atom {
|
||||
color: var(--orange);
|
||||
color: var(--orange)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-variable-3,
|
||||
|
|
@ -451,21 +428,21 @@ domain("code.onedev.io") {
|
|||
.dark-mode .cm-s-eclipse span.cm-string-2,
|
||||
.dark-mode .cm-s-eclipse span.cm-string,
|
||||
.dark-mode .cm-s-eclipse span.cm-number {
|
||||
color: var(--yellow);
|
||||
color: var(--yellow)
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-builtin,
|
||||
.dark-mode .cm-s-eclipse span.cm-variable {
|
||||
color: var(--green);
|
||||
color: var(--green)
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber,
|
||||
.dark-mode .tree-theme-human span.tree-content a {
|
||||
color: var(--fg3) !important;
|
||||
color: var(--fg3) !important
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse.CodeMirror {
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
color: var(--fg)
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue