Update onedev theme

This commit is contained in:
Mars Niermann 2023-03-10 12:13:26 +00:00
parent 231e82905e
commit b12e2a2d33

View file

@ -1,4 +1,4 @@
/* ==UserStyle== /* ==UserStyle==
@name Gruvbox for OneDev @name Gruvbox for OneDev
@namespace git.m3.fyi/Marsn3 @namespace git.m3.fyi/Marsn3
@version 1.0.0 @version 1.0.0
@ -71,36 +71,58 @@ domain("code.onedev.io") {
--dark-mode-dark-gray: var(--bg3); --dark-mode-dark-gray: var(--bg3);
} }
.CodeMirror { .CodeMirror {
font-family: var(--monospaceFontFamily); font-family: var(--monospaceFontFamily)
} }
.nav .nav-link { .nav .nav-link {
color: var(--fg4); color: var(--fg4)
} }
.dark-mode .badge.badge-light-info { .dark-mode .badge.badge-light-info {
color: var(--fg1); color: var(--fg1);
background: var(--purple-dim); background: var(--purple-dim)
} }
.dark-mode li.feedbackPanelINFO { .dark-mode li.feedbackPanelINFO {
background-color: var(--bg); background-color: var(--bg)
} }
input::placeholder, input::placeholder,
textarea::placeholder { textarea::placeholder {
color: var(--fg4) !important; 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 { .sidebar-header {
background: var(--bg_s); background: var(--bg_s)
} }
.dark-mode .CodeMirror-simplescroll-vertical div { .dark-mode .CodeMirror-simplescroll-vertical div {
background: var(--bg1); 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 { .dark-mode ::-webkit-scrollbar {
background-color: var(--bg1); background-color: var(--bg1)
} }
.sidebar-menu .menu-body .menu-link:hover, .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.open,
.sidebar-menu .menu-body .menu-link.active, .sidebar-menu .menu-body .menu-link.active,
.dark-mode .switch input:empty ~ span:after { .dark-mode .switch input:empty ~ span:after {
background-color: var(--bg3); background-color: var(--bg3)
} }
.dark-mode .btn.btn-light-danger { .dark-mode .btn.btn-light-danger {
color: var(--fg); color: var(--fg);
background-color: var(--red); background-color: var(--red)
} }
.dark-mode a, .dark-mode a,
.dark-mode a:not([href]):not([class]) { .dark-mode a:not([href]):not([class]) {
color: var(--blue); color: var(--blue)
} }
.dark-mode ::-webkit-scrollbar-thumb, .dark-mode ::-webkit-scrollbar-thumb,
.dark-mode .CodeMirror-simplescroll-vertical div, .dark-mode .CodeMirror-simplescroll-vertical div,
.dark-mode .alert.alert-light { .dark-mode .alert.alert-light {
background-color: var(--bg2); background-color: var(--bg2)
} }
.sidebar-footer { .sidebar-footer {
background: var(--bg_s); background: var(--bg_s)
} }
.sidebar-menu .menu-header-text { .sidebar-menu .menu-header-text {
color: var(--fg2); color: var(--fg2)
} }
.dark-mode .btn.btn-outline-secondary, .dark-mode .btn.btn-outline-secondary,
.dark-mode .form-control, .dark-mode .form-control,
.dark-mode .dark-mode .btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not(
[disabled]
):not(.btn-text),
.dark-mode .select2-container-active .select2-choice, .dark-mode .select2-container-active .select2-choice,
.dark-mode li.selectable.active a, .dark-mode li.selectable.active a,
.dark-mode a.selectable.active, .dark-mode a.selectable.active,
.dark-mode .select2-container .select2-choice, .dark-mode .select2-container .select2-choice,
.dark-mode .select2-container .select2-choices { .dark-mode .select2-container .select2-choices {
border-color: var(--bg4) !important; border-color: var(--bg4) !important
} }
.dark-mode a.link-primary:hover { .dark-mode a.link-primary:hover {
color: var(--green-dim) !important; color: var(--green-dim) !important
} }
.dark-mode .form-control:focus, .dark-mode .form-control:focus,
.btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not( .btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
[disabled] border-color: var(--fg4) !important
):not(.btn-text) {
border-color: var(--fg4) !important;
} }
.dark-mode .text-muted, .dark-mode .text-muted,
@ -169,16 +186,16 @@ domain("code.onedev.io") {
.dark-mode .btn.btn-light-primary, .dark-mode .btn.btn-light-primary,
.markdown-rendered a:hover { .markdown-rendered a:hover {
color: var(--green); color: var(--green)
} }
.sidebar-menu .menu-bullet { .sidebar-menu .menu-bullet {
background-color: var(--bg4); background-color: var(--bg4)
} }
.dark-mode .select2-container-multi .select2-choices .select2-search-choice { .dark-mode .select2-container-multi .select2-choices .select2-search-choice {
color: var(--fg); color: var(--fg);
border-color: var(--bg4); border-color: var(--bg4)
} }
.dark-mode a { .dark-mode a {
@ -186,62 +203,54 @@ domain("code.onedev.io") {
} }
.SimplePage.dark-mode:not(.force-ordinary-style) .main .form-control { .SimplePage.dark-mode:not(.force-ordinary-style) .main .form-control {
color: var(--fg); color: var(--fg)
} }
.dark-mode li.feedbackPanelERROR, .dark-mode li.feedbackPanelERROR,
li.feedbackPanelFATAL { li.feedbackPanelFATAL {
background: var(--bg); background: var(--bg)
} }
.commit-dot-color1, .commit-dot-color1,
.commit-dot, .commit-dot,
.commit-line-color1 { .commit-line-color1 {
fill: var(--blue); fill: var(--blue);
stroke: var(--blue); stroke: var(--blue)
} }
.commit-dot-color2, .commit-dot-color2,
.commit-line-color2 { .commit-line-color2 {
stroke: var(--green); stroke: var(--green);
fill: var(--green); fill: var(--green)
} }
.dark-mode .select2-results .select2-no-results { .dark-mode .select2-results .select2-no-results {
color: var(--orange); color: var(--orange);
background-color: var(--bg2); background-color: var(--bg2)
} }
.websocket-error { .websocket-error {
color: var(--fg); color: var(--fg);
} }
.btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not( .btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.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:focus:not(.disabled):not(:disabled):not([disabled]):not( .btn.btn-primary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.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.dropdown-toggle,
.show .btn.btn-primary.btn-dropdown, .show .btn.btn-primary.btn-dropdown,
.btn.btn-primary { .btn.btn-primary {
border-color: var(--green); border-color: var(--green);
color: var(--fg); color: var(--fg);
background-color: var(--green-dim); background-color: var(--green-dim)
} }
.dark-mode .alert.alert-light-warning { .dark-mode .alert.alert-light-warning {
background-color: var(--bg_h); background-color: var(--bg_h)
} }
.dark-mode a.link-success:hover { .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"] { 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.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.python.symbols.ui.icons.iconlocator/methpri_obj"],
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.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%) filter: brightness(0) saturate(100%) invert(38%) sepia(64%) saturate(3531%) hue-rotate(342deg) brightness(102%) contrast(97%);
hue-rotate(342deg) brightness(102%) contrast(97%);
} }
/*blue*/ /*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/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.python.symbols.ui.icons.iconlocator/class_obj"],
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methdef_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%) filter: brightness(0) saturate(100%) invert(74%) sepia(5%) saturate(1368%) hue-rotate(105deg) brightness(86%) contrast(80%);
hue-rotate(105deg) brightness(86%) contrast(80%);
} }
/*yellow*/ /*yellow*/
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/class"], 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.scss.symbols.icon.iconlocator/css"],
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpro_obj"] { 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%) filter: brightness(0) saturate(100%) invert(84%) sepia(27%) saturate(2230%) hue-rotate(335deg) brightness(106%) contrast(96%);
hue-rotate(335deg) brightness(106%) contrast(96%);
} }
/*aqua*/ /*aqua*/
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/method"], 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/class_obj"],
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/annotation_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%) filter: brightness(0) saturate(100%)invert(69%) sepia(19%) saturate(713%) hue-rotate(59deg) brightness(100%) contrast(85%);
hue-rotate(59deg) brightness(100%) contrast(85%);
} }
/*green*/ /*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_object"],
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/exported_class"], 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"] { 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%) filter: brightness(0) saturate(100%) invert(63%) sepia(79%) saturate(429%) hue-rotate(21deg) brightness(98%) contrast(85%);
hue-rotate(21deg) brightness(98%) contrast(85%);
} }
/*purple*/ /*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.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/field_private_obj"],
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/int_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%) filter: brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(1019%) hue-rotate(291deg) brightness(92%) contrast(77%);
hue-rotate(291deg) brightness(92%) contrast(77%);
} }
.dark-mode .select2-results .select2-result-label { .dark-mode .select2-results .select2-result-label {
color: var(--fg2); color: var(--fg2);
} }
@ -312,29 +317,26 @@ domain("code.onedev.io") {
code, code,
.dark-mode .code { .dark-mode .code {
color: var(--blue); color: var(--blue);
background-color: var(--bg) !important; background-color: var(--bg) !important
} }
.select2-search input, .select2-search input,
.dark-mode .select2-search input, .dark-mode .select2-search input,
.dark-mode .dark-mode .btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
.btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not( background: var(--bg1) !important;
.btn-text border-color: var(--bg4) !important;
) { color: var(--fg2) !important
background: var(--bg1);
border-color: var(--bg4);
color: var(--fg2);
} }
.dark-mode .markdown-rendered table.table tr:nth-child(odd) td { .dark-mode .markdown-rendered table.table tr:nth-child(odd) td {
background: var(--bg); background: var(--bg)
} }
.dark-mode .btn.btn-light, .dark-mode .btn.btn-light,
.dark-mode .select2-drop-active, .dark-mode .select2-drop-active,
.dark-mode .btn.btn-secondary { .dark-mode .btn.btn-secondary {
background-color: var(--bg3); background-color: var(--bg3);
border-color: var(--bg4); border-color: var(--bg4)
} }
.project-contribs .top-contributors .head .total-contribution span.additions, .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 { .project-contribs .top-contributors .head .total-contribution span.deletions {
color: var(--red); color: var(--red)
} }
.sidebar a, .sidebar a,
@ -364,86 +366,61 @@ domain("code.onedev.io") {
color: var(--fg) !important; color: var(--fg) !important;
} }
.dark-mode .dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not( .dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.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 .dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not( .dark-mode .btn.btn-secondary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.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.dropdown-toggle,
.dark-mode .show .btn.btn-secondary.btn-dropdown, .dark-mode .show .btn.btn-secondary.btn-dropdown,
.dark-mode .dark-mode .btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not(.disabled):not([disabled]),
.btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not( .btn.btn-light:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
.disabled .btn.btn-light:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
):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; 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:hover,
.dark-mode a.link-info:focus { .dark-mode a.link-info:focus {
color: var(--purple) !important; color: var(--purple) !important
} }
.CodeMirror-mark { .CodeMirror-mark {
background: var(--green); background: var(--green)
} }
.dark-mode .cm-s-eclipse span.cm-comment, .dark-mode .cm-s-eclipse span.cm-comment,
.dark-mode .cm-s-eclipse span.cm-type { .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-tag,
.dark-mode .cm-s-eclipse span.cm-attribute { .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-keyword,
.dark-mode .cm-s-eclipse span.cm-error { .dark-mode .cm-s-eclipse span.cm-error {
color: var(--red); color: var(--red)
} }
.dark-mode .cm-s-eclipse span.cm-qualifier { .dark-mode .cm-s-eclipse span.cm-qualifier {
color: var(--red); color: var(--red)
} }
.dark-mode .cm-s-eclipse span.cm-variable-2 { .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-property,
.dark-mode .cm-s-eclipse span.cm-def { .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-operator,
.dark-mode .cm-s-eclipse span.cm-atom { .dark-mode .cm-s-eclipse span.cm-atom {
color: var(--orange); color: var(--orange)
} }
.dark-mode .cm-s-eclipse span.cm-variable-3, .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-2,
.dark-mode .cm-s-eclipse span.cm-string, .dark-mode .cm-s-eclipse span.cm-string,
.dark-mode .cm-s-eclipse span.cm-number { .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-builtin,
.dark-mode .cm-s-eclipse span.cm-variable { .dark-mode .cm-s-eclipse span.cm-variable {
color: var(--green); color: var(--green)
} }
.CodeMirror-linenumber, .CodeMirror-linenumber,
.dark-mode .tree-theme-human span.tree-content a { .dark-mode .tree-theme-human span.tree-content a {
color: var(--fg3) !important; color: var(--fg3) !important
} }
.dark-mode .cm-s-eclipse.CodeMirror { .dark-mode .cm-s-eclipse.CodeMirror {
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg)
} }
} }