diff --git a/src/duolingo.user.css b/src/duolingo.user.css index 09e291b..af1d43b 100644 --- a/src/duolingo.user.css +++ b/src/duolingo.user.css @@ -45,11 +45,73 @@ --orange-dim: 214, 93, 14; --color-snow: var(--bg); + --color-eel: var(--fg); + --color-wolf: var(--fg2); + --color-hare: var(--fg1); + --color-black-text: var(--fg); + --color-swan: var(--bg4); + --color-polar: var(--fg3); + --color-gray-border: var(--fg4); + + --color-owl-always-light: var(--green); + --color-owl: var(--green); + --color-beetle-always-light: var(--purple-dim); + --color-beetle: var(--purple-dim); + --color-dragon-always-light: var(--purple-dim); + --color-dragon: var(--purple-dim); + --color-peacock-always-light: var(--aqua); + --color-peacock: var(--aqua); + --color-macaw-always-light: var(--blue); + --color-macaw: var(--blue); + --color-starfish-always-light: var(--purple); + --color-starfish: var(--purple); + --color-fox-always-light: var(--orange); + --color-fox: var(--orange); + --color-cardinal-always-light: var(--red); + --color-cardinal: var(--red); + --color-grizzly-always-light: var(--gray-dim); + --color-grizzly: var(--gray-dim); + --color-cosmos: var(--blue); + --color-nebula: var(--blue-dim); + --color-iguana: var(--aqua); + --color-blue-jay: var(--aqua-dim); + --color-iguana: var(--aqua); + --color-whale: var(--blue); + --color-tree-frog: var(--green-dim); + --color-sea-sponge: var(--green); + --color-blue: var(--blue); } - /*Color Logo*/ - ._2Wzh_ { + /*Logo*/ + ._2Wzh_, + ._2BGPP { filter: brightness(0) saturate(100%) invert(76%) sepia(32%) saturate(998%) hue-rotate(15deg) brightness(92%) contrast(85%); } + /*Lock icon*/ + ._1reas { + filter: brightness(0) saturate(100%) invert(65%) sepia(8%) saturate(730%) + hue-rotate(356deg) brightness(93%) contrast(90%); + } + /*Up-Arrow*/ + .fs2FI { + filter: brightness(0) saturate(100%) invert(70%) sepia(14%) saturate(455%) + hue-rotate(105deg) brightness(88%) contrast(85%); + } + /*Close & Back Button*/ + ._2F37r, + ._2sPx0 { + filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(442%) + hue-rotate(349deg) brightness(88%) contrast(88%); + } + ._2Yfwa { + filter: brightness(0) saturate(100%) invert(70%) sepia(16%) saturate(419%) + hue-rotate(105deg) brightness(89%) contrast(80%); + } + + /*Hide Ads*/ + .Ekspr, + ._3bfsh { + display: none; + } } diff --git a/src/onedev.user.css b/src/onedev.user.css index f55e791..55fd44e 100644 --- a/src/onedev.user.css +++ b/src/onedev.user.css @@ -8,7 +8,8 @@ @updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/onedev.user.css @license MIT ==/UserStyle== */ -@-moz-document domain("git.m3.fyi") { +@-moz-document domain("git.m3.fyi"), +domain("code.onedev.io") { :root { --bg_h: #1d2021; --bg: #282828; @@ -45,48 +46,310 @@ monospace, emoji; --primary: var(--green); + --gray-dark: var(--bg2); + --success: var(--blue-dim); + --danger: var(--red); --warning: var(--orange); - --dark-mode-gray: var(--gray); + --dark-mode-gray: var(--fg3); --dark-mode-light-dark: var(--bg2); --dark-mode-dark: var(--bg1); --dark-mode-darker: var(--bg); - --gray-dark: var(--bg2); + --dark-mode-light-gray: var(--fg2); + --dark-mode-light-primary: var(--bg3); + --light: var(--fg); + --light-gray: var(--fg2); + --dark-mode-lighter-dark: var(--bg3); + --muted: var(--fg1); + --info: var(--purple-dim); + --teal: var(--aqua-dim); + --cyan: var(--aqua); + --white: var(--fg); + --pink: var(--purple); + --indigo: var(--purple-dim); + --light-dark: var(--fg3); + --dark-mode-light-info: var(--bg); + --dark-mode-dark-gray: var(--bg3); } + .CodeMirror { + font-family: var(--monospaceFontFamily); + } + .nav .nav-link { + color: var(--fg4); + } + + .dark-mode .badge.badge-light-info { + color: var(--fg1); + background: var(--purple-dim); + } + + .dark-mode li.feedbackPanelINFO { + background-color: var(--bg); + } + + input::placeholder, + textarea::placeholder { + color: var(--fg4) !important; + } + .sidebar-header { - background: var(--bg2); + background: var(--bg_s); } + + .dark-mode .CodeMirror-simplescroll-vertical div { + background: var(--bg1); + } + .dark-mode ::-webkit-scrollbar { background-color: var(--bg1); } - .dark-mode ::-webkit-scrollbar-thumb { + + .sidebar-menu .menu-body .menu-link:hover, + .sidebar-menu .menu-body .menu-link:focus, + .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); + } + + .dark-mode .btn.btn-light-danger { + color: var(--fg); + background-color: var(--red); + } + + .dark-mode a, + .dark-mode a:not([href]):not([class]) { + color: var(--blue); + } + + .dark-mode ::-webkit-scrollbar-thumb, + .dark-mode .CodeMirror-simplescroll-vertical div, + .dark-mode .alert.alert-light { background-color: var(--bg2); } - .sidebar-menu .menu-body .menu-link.open, - .sidebar-menu .menu-body .menu-link.active { - background-color: var(--bg1); - } + .sidebar-footer { background: var(--bg_s); } - .dark-mode .btn.btn-outline-secondary, - .dark-mode .form-control { - border-color: var(--bg4); + + .sidebar-menu .menu-header-text { + 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 .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; + } + + .dark-mode a.link-primary:hover { + 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; + } + .dark-mode .text-muted, - .topbar-right a.topbar-link { + .topbar-right a.topbar-link, + .dark-mode .modal-content .modal-header .close, + .sidebar-menu .menu-text { color: var(--fg3) !important; } + + .dark-mode .btn.btn-light-primary, + .markdown-rendered a:hover { + color: var(--green); + } + + .sidebar-menu .menu-bullet { + background-color: var(--bg4); + } + + .dark-mode .select2-container-multi .select2-choices .select2-search-choice { + color: var(--fg); + border-color: var(--bg4); + } + .dark-mode a { color: var(--fg1); } - .dark-mode .btn.btn-light { + + .SimplePage.dark-mode:not(.force-ordinary-style) .main .form-control { + color: var(--fg); + } + + .dark-mode li.feedbackPanelERROR, + li.feedbackPanelFATAL { + background: var(--bg); + } + + .commit-dot-color1, + .commit-dot, + .commit-line-color1 { + fill: var(--blue); + stroke: var(--blue); + } + + .commit-dot-color2, + .commit-line-color2 { + stroke: var(--green); + fill: var(--green); + } + + .dark-mode .select2-results .select2-no-results { + color: var(--orange); background-color: var(--bg2); - border-color: var(--bg1); + } + + .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 + ), + .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); + } + + .dark-mode .alert.alert-light-warning { + background-color: var(--bg_h); + } + + .dark-mode a.link-success:hover { + color: var(--blue) !important; } a[href*="/~issues?query=%22Project%22+is+current+and+%22State%22+is+%22Open%22"] { - color: var(--warning) !important; + color: var(--yellow) !important; } + + a[href*="/~issues?query=%22Project%22+is+current+and+%22State%22+is+%22Closed%22"] { + color: var(--green) !important; + } + + /*red*/ + img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/local_object"], + 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%); + } + + /*blue*/ + img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/object"], + img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/imp_obj"], + img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/function-"], + 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%); + } + + /*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%); + } + + /*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%); + } + + /*green*/ + img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/methpub_obj"], + 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%); + } + + /*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%); + } + + .dark-mode .select2-results .select2-result-label { + color: var(--fg2); + } + + code, + .dark-mode .code { + color: var(--blue); + 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 .markdown-rendered table.table tr:nth-child(odd) td { + 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); + } + + .project-contribs .top-contributors .head .total-contribution span.additions, + .dark-mode .dropdown-item:hover, + .dark-mode .select2-results .select2-highlighted .select2-result-label, + .dark-mode .dropdown-item.active, + .dark-mode .dropdown-item:active, + .dark-mode .sidebar-help .dropdown-menu .dropdown-item:hover { + color: var(--green) !important; + } + + .project-contribs .top-contributors .head .total-contribution span.deletions { + color: var(--red); + } + .sidebar a, .sidebar-menu .menu-link:hover .menu-text, .sidebar-menu .menu-link:focus .menu-text, @@ -96,7 +359,113 @@ .sidebar-menu .menu-link:focus .menu-arrow, .sidebar-menu .menu-link.active .menu-arrow, .sidebar-menu .menu-link.open .menu-arriw, - .dark-mode .card > .card-header .card-title { + .dark-mode .card > .card-header .card-title, + .dark-mode .select2-container .select2-choice { 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 .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 + ) { + border-color: var(--bg3) !important; + background-color: var(--bg1) !important; + } + + .dark-mode a.link-info:hover, + .dark-mode a.link-info:focus { + color: var(--purple) !important; + } + + .CodeMirror-mark { + background: var(--green); + } + + .dark-mode .cm-s-eclipse span.cm-comment, + .dark-mode .cm-s-eclipse span.cm-type { + color: var(--fg4); + } + + .dark-mode .cm-s-eclipse span.cm-tag, + .dark-mode .cm-s-eclipse span.cm-attribute { + color: var(--blue); + } + + .dark-mode .cm-s-eclipse span.cm-keyword, + .dark-mode .cm-s-eclipse span.cm-error { + color: var(--red); + } + + .dark-mode .cm-s-eclipse span.cm-qualifier { + color: var(--red); + } + + .dark-mode .cm-s-eclipse span.cm-variable-2 { + color: var(--fg); + } + + .dark-mode .cm-s-eclipse span.cm-property, + .dark-mode .cm-s-eclipse span.cm-def { + color: var(--aqua); + } + + .dark-mode .cm-s-eclipse span.cm-operator, + .dark-mode .cm-s-eclipse span.cm-atom { + color: var(--orange); + } + + .dark-mode .cm-s-eclipse span.cm-variable-3, + .dark-mode .cm-s-eclipse span.cm-meta, + .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); + } + + .dark-mode .cm-s-eclipse span.cm-builtin, + .dark-mode .cm-s-eclipse span.cm-variable { + color: var(--green); + } + + .CodeMirror-linenumber, + .dark-mode .tree-theme-human span.tree-content a { + color: var(--fg3) !important; + } + + .dark-mode .cm-s-eclipse.CodeMirror { + background: var(--bg); + color: var(--fg); + } }