diff --git a/styles/leetcode/README.md b/styles/leetcode/README.md index 2bdb3e1..19e0651 100644 --- a/styles/leetcode/README.md +++ b/styles/leetcode/README.md @@ -26,4 +26,4 @@ ## Thanks to -- [Contributors](https://github.com/rose-pine/userstyles/graphs/contributors) +- [jenishboricha](https://github.com/jenishboricha) diff --git a/styles/leetcode/rose-pine.user.less b/styles/leetcode/rose-pine.user.less index 9a36649..85f7428 100644 --- a/styles/leetcode/rose-pine.user.less +++ b/styles/leetcode/rose-pine.user.less @@ -1,9 +1,9 @@ /* ==UserStyle== @name Rosé Pine for LeetCode @description Soho vibes for LeetCode -@version 1.0.0 +@version 1.0.1 @license MIT -@author Rosé Pine +@author Jenish Boricha (https://github.com/jenishboricha) @namespace https://github.com/rose-pine/ @homepageURL https://github.com/rose-pine/userstyles @updateURL https://github.com/rose-pine/userstyles/raw/main/styles/leetcode/rose-pine.user.less @@ -12,6 +12,7 @@ @var select lightVariant "Light Variant" ["dawn:Rosé Pine Dawn*", "main:Rosé Pine", "moon:Rosé Pine Moon"] @var select darkVariant "Dark Variant" ["main:Rosé Pine*", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn"] @var select accentColor "Accent" ["love:Love*", "gold:Gold", "rose:Rose", "pine:Pine", "foam:Foam", "iris:Iris"] +@var checkbox hidePremium "Hide Premium Button" 0 ==/UserStyle== */ @-moz-document domain("leetcode.com"), domain("leetcode.cn") { @@ -51,8 +52,9 @@ color-scheme: if(@variant = dawn, light, dark); - --bg-dark: @highlightLow; - --bg-code: @base; + /* Color Variables */ + --bg-dark: @base; + --bg-code: @surface; --bg: @surface; --bg-2: @overlay; --bg-3: @highlightMed; @@ -75,10 +77,9 @@ --purple: @iris; --accent: @accent-color; - /* General */ + /* General Variables */ --text-primary: var(--text); - --text-secondary: var(--text); - --fill-secondary: var(--bg-2); + --text-secondary: var(--text-dark); --fill-quaternary: var(--bg); --text-sd-success: var(--red); --text-label-4: var(--red); @@ -90,16 +91,10 @@ --border-tertiary: var(--bg-2); --border-quaternary: var(--bg); - /* Code */ - --layer-01: var(--bg); - --layer-02: var(--bg-2); - --layer-bg-gray: var(--bg-dark); - - /* Submission graph */ - --green-80: fade(@accent-color, 80%); - --green-60: fade(@accent-color, 60%); - --green-40: fade(@accent-color, 40%); - --green-20: fade(@accent-color, 20%); + /* Code Layers */ + --layer-01: var(--bg) !important; + --layer-02: var(--bg) !important; + --layer-bg-gray: var(--bg-dark) !important; ::selection { color: var(--text); @@ -107,57 +102,236 @@ } :is(.dark body) { - background: var(--bg-dark); + background: var(--bg-dark) !important; color: var(--text); } + #leetcode-navbar, + header { + background-color: var(--bg-dark) !important; + + div[class*="items-center"]:last-child > button:not([class*="timer"]):not([class*="invite"]), + div[class*="items-center"]:last-child > div[class*="cursor-pointer"]:not([class*="timer"]):not([class*="invite"]) { + background-color: transparent !important; + border: none !important; + box-shadow: none !important; + } + } + + .flexlayout__splitter, + .flexlayout__splitter_vert, + .flexlayout__splitter_horz { + background-color: transparent !important; + border: none !important; + box-shadow: none !important; + + &:hover { + background-color: transparent !important; + } + } + + .flexlayout__splitter_drag_handle { + background-color: transparent !important; + } + + /* Outer Card Container */ + .flexlayout__tabset { + background-color: var(--bg) !important; + border-radius: 0.5rem !important; + border: none !important; + outline: none !important; + box-shadow: none !important; + overflow: hidden !important; + } + + /* Inner Header Wrappers */ + .flexlayout__tabset_tabbar_outer, + .flexlayout__tabset_tabbar_inner, + .flexlayout__tabset_header, + .flexlayout__tabset_content, + div[class*="tabbar_outer"], + div[class*="tabbar_inner"] { + background-color: var(--bg) !important; + border: none !important; + outline: none !important; + box-shadow: none !important; + border-radius: 0 !important; + + &::before, + &::after { + display: none !important; + } + } + + /* Flat Tab Buttons */ + .flexlayout__tab_button { + background: transparent !important; + background-color: transparent !important; + color: var(--text-dark) !important; + border: none !important; + border-radius: 0 !important; + margin: 0 4px !important; + padding: 6px 8px !important; + box-shadow: none !important; + + &--selected { + background: transparent !important; + background-color: transparent !important; + color: var(--text) !important; + } + + &:hover { + background: transparent !important; + background-color: transparent !important; + color: var(--text) !important; + } + } + + /* Header Control Buttons */ + button.maximize, + button.fold, + .flexlayout__tab_toolbar button { + color: var(--text-dark) !important; + background-color: transparent !important; + + &:hover { + color: var(--text) !important; + background-color: transparent !important; + } + } + + .flexlayout__tab { + background-color: var(--bg) !important; + color: var(--text) !important; + border: none !important; + outline: none !important; + box-shadow: none !important; + overflow: auto !important; + } + + .flexlayout__tabset_tab_divider { + display: none !important; + } + + div[class*="description"] code, + div[data-track-load] code, + .elfjS code, + code { + background-color: var(--highlight-1) !important; + color: var(--text) !important; + border: 1px solid fade(@highlightMed, 30%) !important; + border-radius: 0.35rem !important; + padding: 2px 6px !important; + font-size: 0.875em !important; + } + + .monaco-editor, + .monaco-editor-background, + .monaco-editor .margin, + .monaco-editor .monaco-scrollable-element { + background-color: var(--bg) !important; + color: var(--text) !important; + } + + /* Editor Header & Footer Bars */ + div[class*="editor"] > div[class*="bg-"], + div[class*="editor-status"], + div[class*="statusbar"], + div[class*="status"] { + background-color: var(--bg) !important; + color: var(--text-dark) !important; + border-top: 1px solid fade(@highlightMed, 20%) !important; + border-bottom: none !important; + } + + /* Description Footer Bar */ + div[class*="description"] > div:last-child, + div[class*="description"] footer, + div[data-track-load] + div { + background-color: var(--bg) !important; + border-top: 1px solid fade(@highlightMed, 20%) !important; + } + + .monaco-editor .line-numbers { + color: var(--text-dark) !important; + + &.active-line-number { + color: var(--text) !important; + } + } + + .monaco-editor .current-line { + background-color: fade(@overlay, 40%) !important; + border: none !important; + } + + /* Monaco Tokens */ + .mtk1 { + color: var(--text) !important; + } + .mtk3 { + color: var(--text-dark) !important; + } + .mtk4 { + color: var(--blue) !important; + } + .mtk7 { + color: var(--orange) !important; + } + .mtk10 { + color: var(--green-dark) !important; + } + .mtk11 { + color: var(--orange) !important; + } + .mtk14 { + color: var(--blue-accent) !important; + } + + /* Testcase Panel Inputs */ + div[class*="input_input-container"] { + background-color: var(--highlight-1) !important; + border-color: var(--highlight-2) !important; + border-radius: 0.5rem !important; + } + + /* Legacy Overrides */ :is(.dark .dark\:bg-\[\#1a1a1a\]) { background: var(--bg-dark); } - :is(.dark .dark\:bg-\[\#333333\]) { background: var(--bg); } - :is(.dark .dark\:bg-gray-100), :is(.dark .dark\:text-gray-60) { color: var(--text-dark); } - :is(.dark .dark\:text-green-60) { color: var(--accent); } - :is(.dark .dark\:bg-white) { background: var(--text); } - :is(.dark .dark\:bg-\[linear-gradient\(rgba\(0\,0\,0\,0\)\,\#1A1A1A\)\]) { background-image: linear-gradient(#0000, var(--bg-dark)); } - :is(.dark .dark\:bg-dark-layer-bg) { background: var(--bg-dark); } - :is(.dark .dark\:bg-dark-layer-1), :is(.dark .dark\:bg-dark-layer-2), :is(.dark .dark\:bg-dark-layer-3) { background: var(--bg); } - :is(.dark .dark\:bg-dark-paper) { background: var(--bg-dark); } - :is(.dark .dark\:text-dark-gray-6) { color: var(--text-dark); } - :is(.dark .dark\:border-dark-divider-border-2) { border-color: var(--bg-2); } - .border-dark-label-3 { border-color: var(--text-dark); } @@ -168,20 +342,16 @@ :is(.dark .dark\:hover\:bg-dark-fill-3:hover) { background: var(--highlight-1); } - :is(.dark .dark\:bg-dark-fill-4), :is(.dark .dark\:hover\:bg-dark-fill-4:hover) { background: var(--highlight-1); } - :is(.dark .dark\:bg-dark-gray-5) { background: var(--bg-4); } - :is(.dark .dark\:hover\:bg-dark-fill-2:hover) { background: var(--bg-2); } - :is(.dark .dark\:focus\:bg-dark-fill-2:focus) { background: var(--bg-3); } @@ -200,117 +370,91 @@ :is(.dark .dark\:text-dark-label-4) { color: var(--text-dark); } - :is(.dark .dark\:text-dark-label-r) { color: var(--bg-dark); } - :is(.dark .dark\:text-dark-gray-4) { color: var(--bg-dark); } - :is(.dark .dark\:text-dark-gray-5) { color: var(--text-dark); } - :is(.dark .dark\:text-gray-7) { color: var(--text-dark); } - :is(.dark .dark\:text-text-primary) { color: var(--text); } - :is(.dark .dark\:text-text-secondary) { color: var(--text); } - :is(.dark .dark\:text-text-tertiary) { color: var(--text-dark); } - /* Loading Content (lc) */ + /* Loading Content */ :is(.dark .dark\:bg-dark-lc-layer-01) { background: var(--bg-dark); } - :is(.dark .dark\:bg-dark-lc-fill-01), :is(.dark .dark\:hover\:bg-dark-lc-fill-01:hover) { background: var(--bg-4); } - :is(.dark .dark\:bg-dark-lc-fill-02), :is(.dark .dark\:hover\:bg-dark-lc-fill-02:hover) { background: var(--bg-2); } - :is(.dark .dark\:bg-dark-lc-fill-03), :is(.dark .dark\:hover\:bg-dark-lc-fill-03:hover) { background: var(--bg-2); } - :is(.dark .dark\:bg-dark-lc-fill-04), :is(.dark .dark\:hover\:bg-dark-lc-fill-04:hover) { background: var(--bg-2); } - :is(.dark .dark\:bg-dark-lc-background-index) { background: var(--bg-dark); } - :is(.dark .dark\:border-dark-lc-fill-01) { background: var(--bg); } - :is(.dark .dark\:hover\:bg-dark-lc-fill-02) { background: var(--highlight-1); } - :is(.dark .dark\:hover\:bg-dark-lc-fill-02:hover) { background: var(--bg-2); } - :is(.dark .dark\:text-dark-lc-text-primary) { color: var(--text); } - :is(.dark .dark\:text-dark-lc-text-secondary) { color: var(--text-dark); } - :is(.dark .dark\:text-dark-lc-text-tertiary) { color: var(--text-dark); } - :is(.dark .dark\:text-dark-lc-text-quaternary) { color: var(--text-dark); } - :is(.dark .dark\:border-dark-lc-fill-02) { border-color: var(--bg-2); } - :is(.dark .dark\:text-dark-lc-icon-secondary), :is(.dark .dark\:text-dark-lc-icon-tertiary) { color: var(--text-dark); } - :is(.dark .dark\:stroke-dark-lc-fill-02) { stroke: var(--bg-2); } - :is(.dark .group:hover .dark\:group-hover\:text-dark-blue) { color: var(--blue); } - :is(.dark .dark\:text-dark-blue-s) { color: var(--blue); } - :is(.dark .dark\:bg-dark-overlay-3) { background: var(--bg); } - :is(.dark .dark\:bg-dark-blocker) { background-color: var(--bg); } @@ -333,15 +477,12 @@ :is(.dark .dark\:odd\:bg-dark-layer-1:nth-child(2n+1)) { background: var(--bg-dark); } - :is(.dark .dark\:odd\:bg-dark-layer-bg:nth-child(2n+1)) { background: var(--bg-dark); } - :is(.dark .dark\:even\:bg-dark-fill-4:nth-child(2n)) { background: var(--bg); } - .even\:bg-overlay-1:nth-child(2n) { background: var(--bg); } @@ -349,7 +490,6 @@ tr:nth-of-type(2n+1) { background: var(--bg-dark) !important; } - tr:nth-of-type(2n) { background: var(--bg) !important; } @@ -363,11 +503,9 @@ .bg-gray-8 { background-color: var(--bg-dark); } - :is(.dark .dark\:text-dark-lc-icon-primary) { background-color: rgba(0, 0, 0, 0.2); } - .bg-gradient-to-l { background-image: linear-gradient(to right, #0000, var(--bg-dark)); } @@ -381,43 +519,6 @@ background-image: linear-gradient(to left, #0000, var(--bg)); } - /* Code */ - .mtk1 { - color: var(--text); - } - - .mtk3 { - color: var(--text-dark); - } - - .mtk4 { - color: var(--blue); - } - - .mtk7 { - color: var(--orange); - } - - .mtk10 { - color: var(--green-dark); - } - - .mtk11 { - color: var(--orange); - } - - .mtk14 { - color: var(--blue-accent); - } - - .monaco-editor .line-numbers.active-line-number { - color: var(--text); - } - - .monaco-editor .line-numbers { - color: var(--text-dark); - } - .dark .elfjS code { background-color: var(--bg-2); border-color: var(--bg-2); @@ -432,15 +533,9 @@ display: none; } - .current-line { - background: var(--highlight-1); - border-color: var(--highlight-1) !important; - } - .core-guide { box-shadow: 2px 0 0 0 var(--highlight-2) inset !important; } - .cursor { color: var(--text); } @@ -448,27 +543,21 @@ .bg-sd-accent { background-color: var(--highlight-1); } - .text-sd-green-500 { color: var(--accent); } - .text-sd-yellow-500 { color: var(--accent); } - .bg-sd-green-500 { background-color: var(--accent); } - .bg-sd-card { background: var(--bg); } - .bg-brand-orange { background: var(--accent); } - .svg-inline--fa.fa-star path { fill: var(--accent); } @@ -476,15 +565,12 @@ :is(.dark .dark\:text-message-success) { color: var(--accent); } - .text-sd-blue-500 { color: var(--accent); } - .hover\:bg-sd-secondary\/80 { background: var(--highlight-2); } - .hover\:bg-sd-secondary\/80:hover { background: var(--highlight-1); } @@ -518,18 +604,17 @@ color: var(--text-dark) !important; } - /* Removes unnecessary premium buttons */ - a[href="/subscribe/?ref=lp_pl&source=qd"], - a[href="/subscribe/?ref=lp_pl&source=ot"] { - display: none; - } - - a[href="/subscribe?ref=nb_npl&source=nav-icon"] svg { - display: none; - } + /* Premium Buttons */ + & when (@hidePremium = 1) { + a[href="/subscribe/?ref=lp_pl&source=qd"], + a[href="/subscribe/?ref=lp_pl&source=ot"], + a[href*="/subscribe/?ref=qd3_cs&slug="] { + display: none; + } - a[href*="/subscribe/?ref=qd3_cs&slug="] { - display: none; + a[href="/subscribe?ref=nb_npl&source=nav-icon"] svg { + display: none; + } } strong { @@ -551,7 +636,6 @@ scrollbar-color: var(--bg-2) var(--bg); } - /* Chevron down icon color */ svg.origin-center.transition-transform { fill: var(--bg-3); } @@ -560,12 +644,10 @@ html { background: var(--bg-dark); } - .title, .col-sm-8.col-md-9 { color: var(--text); } - .callout.callout-default, .list-group-item, .heading { @@ -573,62 +655,50 @@ color: var(--text); border-color: var(--bg-3); } - .ranking-more-btn { background: var(--bg); color: var(--text); } - .list-group-item.heading { color: var(--text); background-color: var(--bg-dark); border-color: var(--bg-3); } - .list-group-item a, td a, b a, li a { color: var(--blue); } - .badge { color: var(--text); background-color: var(--bg-3); } - .panel-default { border-color: var(--bg-3); } - .panel-default > .panel-heading { color: var(--text); background-color: var(--bg-dark); border-color: var(--bg-3); } - .table > thead > tr > th { border-bottom: 2px solid var(--bg-3); } - .table > tbody > tr > td { border-top: 1px solid var(--bg-3); } - .contest-detail-base .ranking-list .panel-body .ranking-more-btn { border-top: 2px solid var(--bg-3); } - .contest-detail-base .ranking-list .panel-body .ranking-more-btn:hover { background: var(--bg-2); } - .contest-detail-base .callout { background: var(--bg); color: var(--text); border-color: var(--bg-3); } - .contest-detail-base .callout a { color: var(--blue); } @@ -637,140 +707,112 @@ #discuss-container { background: var(--bg-dark); } - .header__a1sK { background: var(--bg); } - .header__a1sK a:hover, .category-link__1lP8.active-category__37NE, .subheader__3zA6 label { color: var(--text); } - .subheader__3zA6 { background: var(--bg-code); } - .input__2o8B { background: var(--bg-2); border: none; } - .topic-list-content__3Win { background: var(--bg); color: var(--text); } - .topic-title__3LYM, .icon__1Md2.pinned-icon__1ZAy, .no__1erK { color: var(--text); } - .topic-info__tdz0 span, .topic-info__tdz0 a { color: var(--text-dark); } - .icon__1Md2.icon__3CsQ { color: var(--bg-4); } - .e5i1odf1.css-zywons-Container-RoundedTagFilter.e5i1odf0 { background: var(--bg); } - .css-xvf81j-TagsTitle.e5i1odf3, .css-wgldzj-Pane-LeftPane.e5i1odf2 span, .css-154bklu-Pane.e5i1odf1 span { color: var(--text); } - .css-g96614, .tag__2FfF, .ant-popover-inner-content { background: var(--bg-3); color: var(--text); } - .css-wgldzj-Pane-LeftPane.e5i1odf2 { background: var(--bg-3); border: none; } - .css-154bklu-Pane.e5i1odf1 { background: var(--bg-2); } - .css-2mbh4k-TagButton.e5i1odf3 { border-color: var(--bg-4); border-radius: 0px; } - .ant-pagination-item { background: var(--bg-3); } - .ant-pagination-item a { color: var(--text); } - .pagination-prev a { background: var(--bg-3); } - .css-10yicc7-Category.e5i1odf1 { background: var(--bg-4); } - .css-10yicc7-Category.e5i1odf1 h1, .css-1pz7gg5:hover, .icon__1Md2.css-1mdt1kb-BlockIcon.e5i1odf2 { color: var(--text); } - .css-1pz7gg5:hover .e5i1odf2 { color: #fff; } - .topic-container__3Kpd { - background: var(--bg); - color: var(--text); + background: var(--bg-dark); } - .post-info__1K06, .user-info__2b-x span a, .name__2jm2, .sorts__3Wh1 label { color: var(--text); } - .discuss-markdown-container a, .discuss-markdown-container p, .discuss-markdown-container li, .discuss-markdown-container ul li a { color: var(--text); } - .discuss-markdown-container pre, .vote__3Zp9.vote__3btZ, .css-1oug3j4 { background: var(--bg-2); color: var(--text); } - .header___QdN { background: var(--bg); color: var(--text); } - .btn__1z2C.btn-sm__2msL.btn-info__3EMF.button__13tk.preview__3Il-, .ant-message-notice-content { background: var(--bg-2); color: var(--text); } - .wrapper__WG8_.loading-wrapper__1pmE { background: var(--bg); color: var(--text); @@ -781,20 +823,16 @@ background: linear-gradient(to right, var(--bg-dark), rgba(250, 250, 250, 0)); } - .explore-home-showcase .explore-index-showcase-base .showcase-row::after { background: linear-gradient(to left, var(--bg-dark), rgba(250, 250, 250, 0)); } - .dragscroll-container:hover .scroll-btn:hover { opacity: 0.3; } - .dragscroll-container:hover .scroll-btn { opacity: 0.1; } - .explore-card-base .explore-card .start-button-base, .start-button-base, .explore-home-basic .category-title .more-btn, @@ -802,7 +840,6 @@ background: var(--highlight-1); box-shadow: none; } - .explore-page-title, .explore-card-base a, .explore-card-base .explore-card .bot-base .big-number, @@ -811,7 +848,6 @@ .explore-card-base .explore-card .bot-base .big-number { color: var(--text); } - .explore-heading .back-label, .page-heading .back-label, .explore-heading .page-label, @@ -822,39 +858,31 @@ color: var(--text-dark); text-shadow: none; } - .explore-card-base .explore-card .top-base .explore-heading .description, .explore-card-base .explore-card .top-base .explore-heading .title { color: var(--text); margin-top: 0; } - .explore-card-base .explore-card { background: var(--highlight-1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); } - .explore-card-base .explore-card:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } - .doughnut-chart-base { display: none; } - .highcharts-point { stroke: var(--bg) !important; } - .highcharts-axis-labels text { fill: var(--text-dark) !important; } - .start-button-base { border: 3px solid var(--text-dark); padding-top: 20px !important; } - .btn.btn-default, .btn.btn-default:active, .btn.btn-default:active:focus, @@ -864,27 +892,22 @@ color: var(--text); border-color: var(--highlight-2); } - .store-app { background: var(--bg-dark) !important; } - table th { background: var(--bg-dark) !important; color: var(--text) !important; } - .wrapper__KAWb, .lc-lg\:gap-14 > div:nth-child(1), .content-wrapper { background: linear-gradient(45deg, var(--bg-dark), var(--bg-code)) !important; } - .lc-lg\:-mt-20 { background: var(--bg) !important; } - .ant-table-placeholder, .ant-table-placeholder p, table td, @@ -893,59 +916,49 @@ background: var(--bg) !important; color: var(--text) !important; } - .total-points-base .total-points { background: var(--bg) !important; border: none !important; } - .store-item-base__850f { background: var(--bg) !important; color: var(--text) !important; border-radius: 0.4rem !important; } - .col-md-6 > div:nth-child(1) { color: var(--text) !important; } - .store-base .nav-tabs > li.active > a, .store-base .nav-tabs > li.active > a:focus, .store-base .nav-tabs > li.active > a:hover, .store-base .nav-tabs > li > a:hover { background: var(--bg) !important; } - div.lc-lg\:min-h-\[312px\] { background: var(--bg-dark) !important; color: var(--text) !important; } - .bg-gray-1 { - background: linear-gradient(45deg, var(--bg-dark), var(--bg)) !important; + background: linear-gradient(45deg, var(--bg-dark), var(--bg-dark)) + !important; color: var(--text) !important; } - .bg-gray-1 *, .css-bcj5aa, div.mission-board:nth-child(1) > div:nth-child(1) { color: var(--text) !important; } - div.lc-lg\:min-h-\[312px\] > div { color: var(--text) !important; } - .bg-gray-1 > button:nth-child(4) { background: var(--text) !important; color: var(--bg-dark) !important; transition: filter 0.2s ease-in-out; } - .bg-gray-1 > button:nth-child(4):hover { filter: brightness(0.8) !important; } - div.lc-xl\:justify-between:nth-child(1) > div:nth-child(1) > div:nth-child(1), .lc-lg\:pt-16 > div:nth-child(1) > div:nth-child(1), .lc-xl\:order-1 { @@ -956,19 +969,15 @@ .text-sd-foreground { color: var(--text); } - .text-sd-muted-foreground { color: var(--text-dark); } - :is(.dark .dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\]) { background: var(--highlight-1); } - .stroke-sd-primary\/20 { stroke: var(--text-dark); } - :is(.dark .dark\:stroke-\[\#434343\]) { stroke: var(--bg-2); } @@ -984,20 +993,17 @@ .msg .since { color: var(--text); } - .discuss-markdown-container, .side-block .side-block-info, .msg .description { color: var(--text-dark); } - .storyboard, .storyboard div, hr, .side-block { border-color: var(--bg-2) !important; } - #lc_sitewide_announcement { background: var(--accent); color: var(--bg-dark); @@ -1008,32 +1014,26 @@ background: var(--bg) !important; border-color: var(--bg-2); } - #details-summary tr:nth-of-type(2n+1) { background: var(--bg) !important; } - .col-md-12 .inline-wrap, .col-md-12 .text-center a, .notification-content__1AB_ a { color: var(--blue) !important; } - .col-md-12 h4 { padding-top: 1em; } - .axisLabels.xaxisLabel, .axisLabels.yaxisLabel, .pull-left, .animated.fadeInLeft h4 small { color: var(--text) !important; } - .flot-tick-label.tickLabel { color: var(--text) !important; } - #result_progress_row, #ac_output, #submitted-time, @@ -1041,24 +1041,19 @@ div[style*="text-align: center;"] { color: var(--text) !important; } - #result_state { color: var(--green) !important; } - .ace_gutter-cell { background: var(--bg-2); } - .ace_gutter-cell:first-of-type { background: var(--bg-3); } - .notification-menu-container__3MW3, .notification-link__2RRJ { background: var(--bg) !important; } - .notification-content__1AB_ div span, .notification-content__1AB_, .notification-title___cgu, @@ -1067,6 +1062,7 @@ color: var(--text) !important; } + .ace-tm, .ace-tm .ace_storage, .ace-tm .ace_keyword, .ace-tm .ace_constant.ace_numeric, @@ -1075,13 +1071,11 @@ .ace-tm .ace_entity.ace_name.ace_function { color: var(--blue) !important; } - .ace-tm .ace_keyword.ace_operator, #runtime-placeholder, #memory-placeholder { color: var(--text) !important; } - .ace-tm .ace_marker-layer .ace_selection { background: var(--highlight-3); } @@ -1090,17 +1084,14 @@ .notification-app-container .notification-list-title { margin-top: 1em; } - .notifications-container .notification-list-item.notification-list-unread-item { background: var(--bg); border-bottom: 1px var(--bg-2) solid; } - .notifications-container .notification-list-item.notification-list-unread-item, .notification-content-title { color: var(--text) !important; } - .btn.notification-content-action-btn { background: var(--blue-dark) !important; color: var(--bg-dark) !important;