Created
June 3, 2024 20:41
-
-
Save huytd/2f345f8e720a2eaaf387f4cbcf67d068 to your computer and use it in GitHub Desktop.
Custom Logseq Things theme (modified from https://github.com/rcvd/logseq-things-theme/)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .white-theme, | |
| html[data-theme=light] { | |
| --cl-white: #fff; | |
| --cl-alabaster: #f9fafb; | |
| --cl-blackhaze: #f5f6f8; | |
| --cl-antiflash: #f2f3f5; | |
| --cl-athens: #eef0f4; | |
| --cl-gallery: #eeeff0; | |
| --cl-fadedwhite: #ececec; | |
| --cl-lilac: #e9e9e9; | |
| --cl-gainsboro: #dcdddc; | |
| --cl-zircon: #dee0e6; | |
| --cl-iron: #cbcbcb; | |
| --cl-silver: #c1c3c6; | |
| --cl-magnesium: #b5b5b5; | |
| --cl-bombay: #b0b2b8; | |
| --cl-aluminium: #a8acb3; | |
| --cl-santas: #9a9ea4; | |
| --cl-regent: #8a9099; | |
| --cl-mist: #8f9197; | |
| --cl-boulder: #7a7b7c; | |
| --cl-mobster: #5d5f62; | |
| --cl-vulcan: #363a3e; | |
| --cl-shark: #25272b; | |
| --cl-spiro: #1eaff8; | |
| --cl-radical: #ff316c; | |
| --cl-navy: #0169cd; | |
| --cl-cornblue: #4f9afc; | |
| --cl-fadedblack: #202020; | |
| --cl-denim: #1c61c2; | |
| --cl-porcelain: #f0f1f3; | |
| --cl-oslo: #8a8e98; | |
| --cl-black-pearl: #1b232c; | |
| --cl-hawkes: #cbe2ff; | |
| --cl-tropical: #c5d7ff; | |
| --cl-ebony: #303236; | |
| --cl-edgewater: #c3e1d3; | |
| --cl-salem: #1d7d57; | |
| --cl-gunmetal: #2c3239; | |
| --cl-whitesmoke: #f6f6f6; | |
| } | |
| .dark-theme, | |
| html[data-theme=dark] { | |
| --cl-black: #000; | |
| --cl-jungle: #1c1c1c; | |
| --cl-hunter: #161716; | |
| --cl-fadedblack: #222322; | |
| --cl-nero: #262626; | |
| --cl-bunker: #2d2d2d; | |
| --cl-cod: #2f2f2f; | |
| --cl-dark: #575757; | |
| --cl-chicago: #5e5e5e; | |
| --cl-storm: #636363; | |
| --cl-dove: #757575; | |
| --cl-darkgray: #a8a8a8; | |
| --cl-magnesium: #b5b5b5; | |
| --cl-vulcan: #363a3e; | |
| --cl-lightgray: #d1d2d2; | |
| --cl-white: #ffffff; | |
| --cl-steel: #676767; | |
| --cl-capecod: #515151; | |
| --cl-ship: #505050; | |
| --cl-maya: #67acff; | |
| --cl-fun: #2260af ; | |
| --cl-france: #408fff; | |
| --cl-united: #4e94f7; | |
| --cl-astronaut: #244174; | |
| --cl-gray: #919191; | |
| --cl-amazon: #307055; | |
| --cl-aqua: #e9f5f1; | |
| } | |
| .cp__all_pages .actions { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme .cp__all_pages .actions, html[data-theme=dark] .cp__all_pages .actions { | |
| background-color: var(--cl-nero); | |
| } | |
| .cp__all_pages .actions a { | |
| color: var(--cl-mutedblack); | |
| } | |
| .dark-theme .cp__all_pages .actions a, html[data-theme=dark] .cp__all_pages .actions a { | |
| color: var(--cl-white); | |
| } | |
| .cp__all_pages tr:nth-child(even) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-porcelain); | |
| border-left: transparent; | |
| } | |
| .dark-theme .cp__all_pages tr:nth-child(even), html[data-theme=dark] .cp__all_pages tr:nth-child(even) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: transparent; | |
| } | |
| .cp__all_pages th a, .cp__all_pages th { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-mutedblack); | |
| font-size: 0.95rem; | |
| } | |
| .dark-theme *:is(.cp__all_pages th a, .cp__all_pages th), html[data-theme=dark] *:is(.cp__all_pages th a, .cp__all_pages th) { | |
| border-bottom: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .cp__all_pages .actions .r a.journal { | |
| background-color: transparent; | |
| color: var(--cl-mutedblack); | |
| } | |
| .dark-theme .cp__all_pages .actions .r a.journal, html[data-theme=dark] .cp__all_pages .actions .r a.journal { | |
| background-color: transparent; | |
| color: var(--cl-steel); | |
| } | |
| .cp__all_pages tr:nth-child(odd) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-porcelain); | |
| border-left: transparent; | |
| } | |
| .dark-theme .cp__all_pages tr:nth-child(odd), html[data-theme=dark] .cp__all_pages tr:nth-child(odd) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: transparent; | |
| } | |
| .cp__all_pages .paginates>span { | |
| color: var(--cl-mutedblack); | |
| } | |
| .dark-theme .cp__all_pages .paginates>span, html[data-theme=dark] .cp__all_pages .paginates>span { | |
| color: var(--cl-steel); | |
| } | |
| .cp__all_pages .actions .search-wrap .form-input:focus { | |
| background-color: var(--cl-zircon); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 10px; | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| .dark-theme .cp__all_pages .actions .search-wrap .form-input:focus, html[data-theme=dark] .cp__all_pages .actions .search-wrap .form-input:focus { | |
| background-color: var(--cl-capecod); | |
| border-top: 1px solid var(--cl-ship); | |
| border-right: 1px solid var(--cl-ship); | |
| border-bottom: 1px solid var(--cl-ship); | |
| border-left: 1px solid var(--cl-ship); | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| .cp__all_pages .actions .search-wrap .form-input { | |
| background-color: var(--cl-zircon); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 10px; | |
| color: var(--cl-blackpearl); | |
| } | |
| .dark-theme .cp__all_pages .actions .search-wrap .form-input, html[data-theme=dark] .cp__all_pages .actions .search-wrap .form-input { | |
| background-color: var(--cl-capecod); | |
| border-top: 1px solid var(--cl-ship); | |
| border-right: 1px solid var(--cl-ship); | |
| border-bottom: 1px solid var(--cl-ship); | |
| border-left: 1px solid var(--cl-ship); | |
| color: var(--cl-white); | |
| } | |
| .cp__all_pages .actions .search-wrap .ui__button { | |
| background-color: transparent!important; | |
| border-top: transparent!important; | |
| border-right: transparent!important; | |
| border-bottom: transparent!important; | |
| border-left: transparent!important; | |
| border-radius: 0px!important; | |
| color: var(--cl-oslo)!important; | |
| } | |
| .dark-theme .cp__all_pages .actions .search-wrap .ui__button, html[data-theme=dark] .cp__all_pages .actions .search-wrap .ui__button { | |
| background-color: transparent!important; | |
| border-top: transparent!important; | |
| border-right: transparent!important; | |
| border-bottom: transparent!important; | |
| border-left: transparent!important; | |
| color: var(--cl-darkgray)!important; | |
| } | |
| .cp__all_pages .actions .search-wrap .form-input::placeholder { | |
| color: var(--cl-oslo); | |
| } | |
| .dark-theme .cp__all_pages .actions .search-wrap .form-input::placeholder, html[data-theme=dark] .cp__all_pages .actions .search-wrap .form-input::placeholder { | |
| color: var(--cl-darkgray); | |
| } | |
| #app-container { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme #app-container, html[data-theme=dark] #app-container { | |
| background-color: var(--cl-nero); | |
| } | |
| .cards-review { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| box-shadow: none!important; | |
| --webkit-box-shadow: none!important; | |
| } | |
| .dark-theme .cards-review, html[data-theme=dark] .cards-review { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| box-shadow: none!important; | |
| --webkit-box-shadow: none!important; | |
| } | |
| .page-reference[data-ref=card].tag:hover, a[data-ref=card].tag:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-aluminium)!important; | |
| } | |
| .dark-theme *:is(.page-reference[data-ref=card].tag:hover, a[data-ref=card].tag:hover), html[data-theme=dark] *:is(.page-reference[data-ref=card].tag:hover, a[data-ref=card].tag:hover) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel)!important; | |
| } | |
| .page-reference[data-ref=card].tag, a[data-ref=card].tag { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-aluminium)!important; | |
| } | |
| .dark-theme *:is(.page-reference[data-ref=card].tag, a[data-ref=card].tag), html[data-theme=dark] *:is(.page-reference[data-ref=card].tag, a[data-ref=card].tag) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel)!important; | |
| } | |
| .cp__right-sidebar .cards-title, .ui__modal .cards-title, .cards-review .cards-title { | |
| background-color: transparent; | |
| } | |
| .dark-theme *:is(.cp__right-sidebar .cards-title, .ui__modal .cards-title, .cards-review .cards-title), html[data-theme=dark] *:is(.cp__right-sidebar .cards-title, .ui__modal .cards-title, .cards-review .cards-title) { | |
| background-color: transparent; | |
| } | |
| .block-content .asset-container .ctl>a { | |
| background-color: var(--cl-zircon); | |
| opacity: ; | |
| } | |
| .dark-theme .block-content .asset-container .ctl>a, html[data-theme=dark] .block-content .asset-container .ctl>a { | |
| background-color: var(--cl-steel); | |
| } | |
| .block-content .asset-container .ctl>a svg { | |
| fill: var(--cl-boulder); | |
| opacity: ; | |
| } | |
| .dark-theme .block-content .asset-container .ctl>a svg, html[data-theme=dark] .block-content .asset-container .ctl>a svg { | |
| fill: var(--cl-white); | |
| } | |
| *:is(.block-highlight, .content .selected) { | |
| background-color: var(--cl-hawkes); | |
| border-radius: 5px; | |
| } | |
| .dark-theme *:is(*:is(.block-highlight, .content .selected)), html[data-theme=dark] *:is(*:is(.block-highlight, .content .selected)) { | |
| background-color: var(--cl-astronaut); | |
| } | |
| .block-control:hover { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .block-control:hover, html[data-theme=dark] .block-control:hover { | |
| color: var(--cl-steel); | |
| } | |
| .block-control { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .block-control, html[data-theme=dark] .block-control { | |
| color: var(--cl-steel); | |
| } | |
| .block-marker:hover { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .block-marker:hover, html[data-theme=dark] .block-marker:hover { | |
| color: var(--cl-steel); | |
| } | |
| .block-marker { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .block-marker, html[data-theme=dark] .block-marker { | |
| color: var(--cl-steel); | |
| } | |
| .block-parents a.page-ref:hover { | |
| background-color: var(--cl-); | |
| border-bottom: var(--cl-); | |
| border-radius: ; | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme .block-parents a.page-ref:hover, html[data-theme=dark] .block-parents a.page-ref:hover { | |
| background-color: var(--cl-); | |
| border-bottom: var(--cl-); | |
| color: var(--cl-maya); | |
| } | |
| .block-parents a.page-ref { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme .block-parents a.page-ref, html[data-theme=dark] .block-parents a.page-ref { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-maya); | |
| } | |
| .block-properties { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| } | |
| .dark-theme .block-properties, html[data-theme=dark] .block-properties { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .block-ref { | |
| background-color: var(--cl-); | |
| border-top: var(--cl-); | |
| border-right: var(--cl-); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: var(--cl-); | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme .block-ref, html[data-theme=dark] .block-ref { | |
| background-color: var(--cl-); | |
| border-top: var(--cl-); | |
| border-right: var(--cl-); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: var(--cl-); | |
| color: var(--cl-white); | |
| } | |
| .block-ref:hover { | |
| background-color: var(--cl-); | |
| border-top: var(--cl-); | |
| border-right: var(--cl-); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: var(--cl-); | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .block-ref:hover, html[data-theme=dark] .block-ref:hover { | |
| background-color: var(--cl-); | |
| border-top: var(--cl-); | |
| border-right: var(--cl-); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: var(--cl-); | |
| color: var(--cl-steel); | |
| } | |
| .open-block-ref-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme .open-block-ref-link, html[data-theme=dark] .open-block-ref-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel); | |
| } | |
| .block-children-left-border { | |
| background-color: var(--cl-aluminium); | |
| } | |
| .dark-theme .block-children-left-border, html[data-theme=dark] .block-children-left-border { | |
| background-color: var(--cl-vulcan); | |
| } | |
| blockquote { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-ebony); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme blockquote, html[data-theme=dark] blockquote { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .brackets { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .brackets, html[data-theme=dark] .brackets { | |
| color: var(--cl-steel); | |
| } | |
| a:hover>.bullet-container { | |
| background-color: var(--cl-zircon); | |
| } | |
| .dark-theme a:hover>.bullet-container, html[data-theme=dark] a:hover>.bullet-container { | |
| background-color: var(--cl-vulcan); | |
| } | |
| .ls-block .bullet { | |
| background-color: var(--cl-bombay); | |
| } | |
| .dark-theme .ls-block .bullet, html[data-theme=dark] .ls-block .bullet { | |
| background-color: var(--cl-storm); | |
| } | |
| .bullet-container.bullet-closed { | |
| background-color: var(--cl-zircon); | |
| } | |
| .dark-theme .bullet-container.bullet-closed, html[data-theme=dark] .bullet-container.bullet-closed { | |
| background-color: var(--cl-vulcan); | |
| } | |
| button:hover { | |
| background-color: var(--cl-cornblue); | |
| border-top: 1px solid var(--cl-cornblue); | |
| border-right: 1px solid var(--cl-cornblue); | |
| border-bottom: 1px solid var(--cl-cornblue); | |
| border-left: 1px solid var(--cl-cornblue); | |
| border-radius: 1 s cornblue; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme button:hover, html[data-theme=dark] button:hover { | |
| background-color: var(--cl-maya); | |
| border-top: 1px solid var(--cl-maya); | |
| border-right: 1px solid var(--cl-maya); | |
| border-bottom: 1px solid var(--cl-maya); | |
| border-left: 1px solid var(--cl-maya); | |
| color: var(--cl-white); | |
| } | |
| button { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme button, html[data-theme=dark] button { | |
| background-color: var(--cl-chicago); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| div[data-refs-self*='"card"'] { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1)!important; | |
| --webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1)!important; | |
| } | |
| .dark-theme div[data-refs-self*='"card"'], html[data-theme=dark] div[data-refs-self*='"card"'] { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05)!important; | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05)!important; | |
| } | |
| .rotating-arrow svg { | |
| color: var(--cl-); | |
| } | |
| .dark-theme .rotating-arrow svg, html[data-theme=dark] .rotating-arrow svg { | |
| color: var(--cl-); | |
| } | |
| .form-checkbox:checked { | |
| background-color: var(--cl-denim); | |
| border-top: 1px solid var(--cl-denim); | |
| border-right: 1px solid var(--cl-denim); | |
| border-bottom: 1px solid var(--cl-denim); | |
| border-left: 1px solid var(--cl-denim); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox:checked, html[data-theme=dark] .form-checkbox:checked { | |
| background-color: var(--cl-united); | |
| border-top: 1px solid var(--cl-united); | |
| border-right: 1px solid var(--cl-united); | |
| border-bottom: 1px solid var(--cl-united); | |
| border-left: 1px solid var(--cl-united); | |
| } | |
| .form-checkbox:checked:focus { | |
| background-color: var(--cl-denim); | |
| border-top: 1px solid var(--cl-denim); | |
| border-right: 1px solid var(--cl-denim); | |
| border-bottom: 1px solid var(--cl-denim); | |
| border-left: 1px solid var(--cl-denim); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox:checked:focus, html[data-theme=dark] .form-checkbox:checked:focus { | |
| background-color: var(--cl-united); | |
| border-top: 1px solid var(--cl-united); | |
| border-right: 1px solid var(--cl-united); | |
| border-bottom: 1px solid var(--cl-united); | |
| border-left: 1px solid var(--cl-united); | |
| } | |
| .form-checkbox:checked:hover { | |
| background-color: var(--cl-denim); | |
| border-top: 1px solid var(--cl-denim); | |
| border-right: 1px solid var(--cl-denim); | |
| border-bottom: 1px solid var(--cl-denim); | |
| border-left: 1px solid var(--cl-denim); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox:checked:hover, html[data-theme=dark] .form-checkbox:checked:hover { | |
| background-color: var(--cl-united); | |
| border-top: 1px solid var(--cl-united); | |
| border-right: 1px solid var(--cl-united); | |
| border-bottom: 1px solid var(--cl-united); | |
| border-left: 1px solid var(--cl-united); | |
| } | |
| .form-checkbox:checked:hover:focus { | |
| background-color: var(--cl-denim); | |
| border-top: 1px solid var(--cl-denim); | |
| border-right: 1px solid var(--cl-denim); | |
| border-bottom: 1px solid var(--cl-denim); | |
| border-left: 1px solid var(--cl-denim); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox:checked:hover:focus, html[data-theme=dark] .form-checkbox:checked:hover:focus { | |
| background-color: var(--cl-united); | |
| border-top: 1px solid var(--cl-united); | |
| border-right: 1px solid var(--cl-united); | |
| border-bottom: 1px solid var(--cl-united); | |
| border-left: 1px solid var(--cl-united); | |
| } | |
| .form-checkbox:focus { | |
| background-color: transparent; | |
| border-top: 1px solid var(--cl-silver); | |
| border-right: 1px solid var(--cl-silver); | |
| border-bottom: 1px solid var(--cl-silver); | |
| border-left: 1px solid var(--cl-silver); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox:focus, html[data-theme=dark] .form-checkbox:focus { | |
| background-color: transparent; | |
| border-top: 1px solid var(--cl-storm); | |
| border-right: 1px solid var(--cl-storm); | |
| border-bottom: 1px solid var(--cl-storm); | |
| border-left: 1px solid var(--cl-storm); | |
| } | |
| .form-checkbox:focus:hover { | |
| background-color: transparent; | |
| border-top: 1px solid var(--cl-silver); | |
| border-right: 1px solid var(--cl-silver); | |
| border-bottom: 1px solid var(--cl-silver); | |
| border-left: 1px solid var(--cl-silver); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox:focus:hover, html[data-theme=dark] .form-checkbox:focus:hover { | |
| background-color: transparent; | |
| border-top: 1px solid var(--cl-storm); | |
| border-right: 1px solid var(--cl-storm); | |
| border-bottom: 1px solid var(--cl-storm); | |
| border-left: 1px solid var(--cl-storm); | |
| } | |
| .form-checkbox { | |
| background-color: transparent; | |
| border-top: 1px solid var(--cl-silver); | |
| border-right: 1px solid var(--cl-silver); | |
| border-bottom: 1px solid var(--cl-silver); | |
| border-left: 1px solid var(--cl-silver); | |
| border-radius: 4px; | |
| } | |
| .dark-theme .form-checkbox, html[data-theme=dark] .form-checkbox { | |
| background-color: transparent; | |
| border-top: 1px solid var(--cl-storm); | |
| border-right: 1px solid var(--cl-storm); | |
| border-bottom: 1px solid var(--cl-storm); | |
| border-left: 1px solid var(--cl-storm); | |
| } | |
| *:is(.canceled, .done) { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme *:is(*:is(.canceled, .done)), html[data-theme=dark] *:is(*:is(.canceled, .done)) { | |
| color: var(--cl-steel); | |
| } | |
| :not(pre)>code { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| color: var(--cl-vulcan); | |
| font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;; | |
| } | |
| .dark-theme :not(pre)>code, html[data-theme=dark] :not(pre)>code { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .extensions__code .CodeMirror-vscrollbar::-webkit-scrollbar-track { | |
| background-color: var(--cl-alabaster); | |
| } | |
| .dark-theme .extensions__code .CodeMirror-vscrollbar::-webkit-scrollbar-track, html[data-theme=dark] .extensions__code .CodeMirror-vscrollbar::-webkit-scrollbar-track { | |
| background-color: var(--cl-fadedblack); | |
| } | |
| .extensions__code .CodeMirror-vscrollbar::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-boulder); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .extensions__code .CodeMirror-vscrollbar::-webkit-scrollbar-thumb, html[data-theme=dark] .extensions__code .CodeMirror-vscrollbar::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .extensions__code .CodeMirror-hscrollbar::-webkit-scrollbar-track { | |
| background-color: var(--cl-alabaster); | |
| } | |
| .dark-theme .extensions__code .CodeMirror-hscrollbar::-webkit-scrollbar-track, html[data-theme=dark] .extensions__code .CodeMirror-hscrollbar::-webkit-scrollbar-track { | |
| background-color: var(--cl-fadedblack); | |
| } | |
| .extensions__code .CodeMirror-hscrollbar::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-boulder); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .extensions__code .CodeMirror-hscrollbar::-webkit-scrollbar-thumb, html[data-theme=dark] .extensions__code .CodeMirror-hscrollbar::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .extensions__code .CodeMirror { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| color: var(--cl-vulcan); | |
| font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;; | |
| } | |
| .dark-theme .extensions__code .CodeMirror, html[data-theme=dark] .extensions__code .CodeMirror { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .extensions__code-lang { | |
| background-color: transparent; | |
| color: var(--cl-aluminium); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme .extensions__code-lang, html[data-theme=dark] .extensions__code-lang { | |
| background-color: transparent; | |
| color: var(--cl-steel); | |
| } | |
| *:is(#main-content-container, #right-sidebar) { | |
| background-color: var(--cl-white); | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.95rem; | |
| } | |
| .dark-theme *:is(*:is(#main-content-container, #right-sidebar)), html[data-theme=dark] *:is(*:is(#main-content-container, #right-sidebar)) { | |
| background-color: var(--cl-nero); | |
| color: var(--cl-white); | |
| } | |
| .embed-block { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .embed-block, html[data-theme=dark] .embed-block { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| } | |
| .embed-page { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .embed-page, html[data-theme=dark] .embed-page { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| } | |
| .embed-page svg path:first-child { | |
| fill: var(--cl-gallery); | |
| } | |
| .dark-theme .embed-page svg path:first-child, html[data-theme=dark] .embed-page svg path:first-child { | |
| fill: var(--cl-ship); | |
| } | |
| .embed-page svg path:not(:first-child) { | |
| fill: var(--cl-santas); | |
| } | |
| .dark-theme .embed-page svg path:not(:first-child), html[data-theme=dark] .embed-page svg path:not(:first-child) { | |
| fill: var(--cl-jungle); | |
| } | |
| .external-link:hover { | |
| color: var(--cl-navy); | |
| text-decoration: ; | |
| } | |
| .dark-theme .external-link:hover, html[data-theme=dark] .external-link:hover { | |
| color: var(--cl-maya); | |
| } | |
| .external-link { | |
| color: var(--cl-navy); | |
| text-decoration: ; | |
| } | |
| .dark-theme .external-link, html[data-theme=dark] .external-link { | |
| color: var(--cl-maya); | |
| } | |
| .fade-link { | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .fade-link, html[data-theme=dark] .fade-link { | |
| color: var(--cl-white); | |
| } | |
| *:is(.editor-inner .uniline-block.h1:not(.block-ref *), .editor-inner .h1:not(.block-ref *), .ls-block h1:not(.block-ref *)) { | |
| border-bottom: transparent; | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1.3rem; | |
| font-style: normal; | |
| font-weight: 500!important; | |
| } | |
| .dark-theme *:is(*:is(.editor-inner .uniline-block.h1:not(.block-ref *), .editor-inner .h1:not(.block-ref *), .ls-block h1:not(.block-ref *))), html[data-theme=dark] *:is(*:is(.editor-inner .uniline-block.h1:not(.block-ref *), .editor-inner .h1:not(.block-ref *), .ls-block h1:not(.block-ref *))) { | |
| border-bottom: transparent; | |
| color: var(--cl-white); | |
| } | |
| *:is(.editor-inner .uniline-block.h2:not(.block-ref *), .editor-inner .h2:not(.block-ref *), .ls-block h2:not(.block-ref *)) { | |
| border-bottom: transparent; | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1.2rem; | |
| font-style: normal; | |
| font-weight: 500!important; | |
| } | |
| .dark-theme *:is(*:is(.editor-inner .uniline-block.h2:not(.block-ref *), .editor-inner .h2:not(.block-ref *), .ls-block h2:not(.block-ref *))), html[data-theme=dark] *:is(*:is(.editor-inner .uniline-block.h2:not(.block-ref *), .editor-inner .h2:not(.block-ref *), .ls-block h2:not(.block-ref *))) { | |
| border-bottom: transparent; | |
| color: var(--cl-white); | |
| } | |
| *:is(.editor-inner .uniline-block.h3:not(.block-ref *), .editor-inner .h3:not(.block-ref *), .ls-block h3:not(.block-ref *)) { | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1.1rem; | |
| font-style: normal; | |
| font-weight: 500!important; | |
| } | |
| .dark-theme *:is(*:is(.editor-inner .uniline-block.h3:not(.block-ref *), .editor-inner .h3:not(.block-ref *), .ls-block h3:not(.block-ref *))), html[data-theme=dark] *:is(*:is(.editor-inner .uniline-block.h3:not(.block-ref *), .editor-inner .h3:not(.block-ref *), .ls-block h3:not(.block-ref *))) { | |
| color: var(--cl-white); | |
| } | |
| *:is(.editor-inner .uniline-block.h4:not(.block-ref *), .editor-inner .h4:not(.block-ref *), .ls-block h4:not(.block-ref *)) { | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1rem; | |
| font-style: normal; | |
| font-weight: 500!important; | |
| } | |
| .dark-theme *:is(*:is(.editor-inner .uniline-block.h4:not(.block-ref *), .editor-inner .h4:not(.block-ref *), .ls-block h4:not(.block-ref *))), html[data-theme=dark] *:is(*:is(.editor-inner .uniline-block.h4:not(.block-ref *), .editor-inner .h4:not(.block-ref *), .ls-block h4:not(.block-ref *))) { | |
| color: var(--cl-white); | |
| } | |
| *:is(.editor-inner .uniline-block.h5:not(.block-ref *), .editor-inner .h5:not(.block-ref *), .ls-block h5:not(.block-ref *)) { | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.95rem; | |
| font-style: normal; | |
| font-weight: 500!important; | |
| } | |
| .dark-theme *:is(*:is(.editor-inner .uniline-block.h5:not(.block-ref *), .editor-inner .h5:not(.block-ref *), .ls-block h5:not(.block-ref *))), html[data-theme=dark] *:is(*:is(.editor-inner .uniline-block.h5:not(.block-ref *), .editor-inner .h5:not(.block-ref *), .ls-block h5:not(.block-ref *))) { | |
| color: var(--cl-white); | |
| } | |
| *:is(.editor-inner .uniline-block.h6:not(.block-ref *), .editor-inner .h6:not(.block-ref *), .ls-block h6:not(.block-ref *)) { | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.95rem; | |
| font-style: normal; | |
| font-weight: 500!important; | |
| } | |
| .dark-theme *:is(*:is(.editor-inner .uniline-block.h6:not(.block-ref *), .editor-inner .h6:not(.block-ref *), .ls-block h6:not(.block-ref *)) ), html[data-theme=dark] *:is(*:is(.editor-inner .uniline-block.h6:not(.block-ref *), .editor-inner .h6:not(.block-ref *), .ls-block h6:not(.block-ref *)) ) { | |
| color: var(--cl-white); | |
| } | |
| #main-content-container iframe { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| } | |
| .dark-theme #main-content-container iframe, html[data-theme=dark] #main-content-container iframe { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| } | |
| .ls-block img { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| .dark-theme .ls-block img, html[data-theme=dark] .ls-block img { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| #import-roam:hover, #import-opml:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme *:is(#import-roam:hover, #import-opml:hover), html[data-theme=dark] *:is(#import-roam:hover, #import-opml:hover) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #import-roam, #import-opml { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme *:is(#import-roam, #import-opml), html[data-theme=dark] *:is(#import-roam, #import-opml) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .page-hierachy h2 { | |
| color: var(--cl-mist); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| font-style: ; | |
| font-weight: ; | |
| text-transform: ; | |
| opacity: 1!important; | |
| } | |
| .dark-theme .page-hierachy h2, html[data-theme=dark] .page-hierachy h2 { | |
| color: var(--cl-ship); | |
| } | |
| .page-hierachy li::marker { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .page-hierachy li::marker, html[data-theme=dark] .page-hierachy li::marker { | |
| color: var(--cl-steel); | |
| } | |
| .page-ref:hover { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme .page-ref:hover, html[data-theme=dark] .page-ref:hover { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-maya); | |
| } | |
| .page-ref { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme .page-ref, html[data-theme=dark] .page-ref { | |
| border-bottom: var(--cl-); | |
| color: var(--cl-maya); | |
| } | |
| .page-reference:hover { | |
| background-color: transparent; | |
| } | |
| .dark-theme .page-reference:hover, html[data-theme=dark] .page-reference:hover { | |
| background-color: transparent; | |
| } | |
| .page-reference .bracket { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .page-reference .bracket, html[data-theme=dark] .page-reference .bracket { | |
| color: var(--cl-steel); | |
| } | |
| .dsl-query .custom-query { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme .dsl-query .custom-query, html[data-theme=dark] .dsl-query .custom-query { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .custom-query .color-level { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 0px; | |
| } | |
| .dark-theme .custom-query .color-level, html[data-theme=dark] .custom-query .color-level { | |
| background-color: var(--cl-nero); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| } | |
| .custom-query tr:nth-child(even) { | |
| background-color: var(--cl-white); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: transparent; | |
| } | |
| .dark-theme .custom-query tr:nth-child(even), html[data-theme=dark] .custom-query tr:nth-child(even) { | |
| background-color: var(--cl-nero); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: transparent; | |
| } | |
| .custom-query th { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| font-size: 1rem; | |
| font-weight: ; | |
| } | |
| .dark-theme .custom-query th, html[data-theme=dark] .custom-query th { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .custom-query th a { | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .custom-query th a, html[data-theme=dark] .custom-query th a { | |
| color: var(--cl-white); | |
| } | |
| .custom-query tr:nth-child(odd) { | |
| background-color: var(--cl-white); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: transparent; | |
| } | |
| .dark-theme .custom-query tr:nth-child(odd), html[data-theme=dark] .custom-query tr:nth-child(odd) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: transparent; | |
| } | |
| .table-query-properties svg { | |
| fill: var(--cl-aluminium); | |
| } | |
| .dark-theme .table-query-properties svg, html[data-theme=dark] .table-query-properties svg { | |
| fill: var(--cl-steel); | |
| } | |
| .query-title { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme .query-title, html[data-theme=dark] .query-title { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #main-content-container::-webkit-scrollbar-track { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme #main-content-container::-webkit-scrollbar-track, html[data-theme=dark] #main-content-container::-webkit-scrollbar-track { | |
| background-color: var(--cl-nero); | |
| } | |
| #main-content-container::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-boulder); | |
| border-radius: 5px; | |
| } | |
| .dark-theme #main-content-container::-webkit-scrollbar-thumb, html[data-theme=dark] #main-content-container::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| a.tag:hover { | |
| background-color: var(--cl-edgewater); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 10px; | |
| color: var(--cl-salem); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.85rem; | |
| font-weight: 500; | |
| opacity: 1; | |
| } | |
| .dark-theme a.tag:hover, html[data-theme=dark] a.tag:hover { | |
| background-color: var(--cl-amazon); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-aqua); | |
| } | |
| a.tag { | |
| background-color: var(--cl-edgewater); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 10px; | |
| color: var(--cl-salem); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.85rem; | |
| font-weight: 500; | |
| opacity: 1; | |
| } | |
| .dark-theme a.tag, html[data-theme=dark] a.tag { | |
| background-color: var(--cl-amazon); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-aqua); | |
| } | |
| input::selection { | |
| background-color: var(--cl-tropical); | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme input::selection, html[data-theme=dark] input::selection { | |
| background-color: var(--cl-fun); | |
| color: var(--cl-white); | |
| } | |
| textarea::selection { | |
| background-color: var(--cl-tropical); | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme textarea::selection, html[data-theme=dark] textarea::selection { | |
| background-color: var(--cl-fun); | |
| color: var(--cl-white); | |
| } | |
| .time-spent a:hover { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .time-spent a:hover, html[data-theme=dark] .time-spent a:hover { | |
| color: var(--cl-steel); | |
| } | |
| .time-spent a { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .time-spent a, html[data-theme=dark] .time-spent a { | |
| color: var(--cl-steel); | |
| } | |
| .timestamp-label { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .timestamp-label, html[data-theme=dark] .timestamp-label { | |
| color: var(--cl-steel); | |
| } | |
| .cp__sidebar-main-content h1.title { | |
| color: var(--cl-shark); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1.6em; | |
| font-style: ; | |
| font-weight: ; | |
| } | |
| .dark-theme .cp__sidebar-main-content h1.title, html[data-theme=dark] .cp__sidebar-main-content h1.title { | |
| color: var(--cl-white); | |
| } | |
| #custom-context-menu { | |
| background-color: var(--cl-fadedwhite); | |
| border-top: 1px solid var(--cl-iron); | |
| border-right: 1px solid var(--cl-iron); | |
| border-bottom: 1px solid var(--cl-iron); | |
| border-left: 1px solid var(--cl-iron); | |
| border-radius: 8px; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .dark-theme #custom-context-menu, html[data-theme=dark] #custom-context-menu { | |
| background-color: var(--cl-bunker); | |
| border-top: 1px solid var(--cl-dark); | |
| border-right: 1px solid var(--cl-dark); | |
| border-bottom: 1px solid var(--cl-dark); | |
| border-left: 1px solid var(--cl-dark); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| #custom-context-menu .bg-base-3 { | |
| background-color: transparent; | |
| } | |
| .dark-theme #custom-context-menu .bg-base-3, html[data-theme=dark] #custom-context-menu .bg-base-3 { | |
| background-color: transparent; | |
| } | |
| #custom-context-menu .menu-link:hover { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme #custom-context-menu .menu-link:hover, html[data-theme=dark] #custom-context-menu .menu-link:hover { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #custom-context-menu .menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.85rem; | |
| } | |
| .dark-theme #custom-context-menu .menu-link, html[data-theme=dark] #custom-context-menu .menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .datepicker th.prev.available:hover, .datepicker th.next.available:hover { | |
| background-color: transparent; | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme *:is(.datepicker th.prev.available:hover, .datepicker th.next.available:hover), html[data-theme=dark] *:is(.datepicker th.prev.available:hover, .datepicker th.next.available:hover) { | |
| background-color: transparent; | |
| color: var(--cl-maya); | |
| } | |
| .datepicker th.prev.selectable, .datepicker th.next.selectable { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme *:is(.datepicker th.prev.selectable, .datepicker th.next.selectable), html[data-theme=dark] *:is(.datepicker th.prev.selectable, .datepicker th.next.selectable) { | |
| color: var(--cl-steel); | |
| } | |
| .datepicker { | |
| background-color: var(--cl-fadedwhite); | |
| } | |
| .dark-theme .datepicker, html[data-theme=dark] .datepicker { | |
| background-color: var(--cl-bunker); | |
| } | |
| .datepicker td.active, .datepicker td.active:hover, .datepicker td.available.active:hover { | |
| background-color: var(--cl-fadedwhite); | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme *:is(.datepicker td.active, .datepicker td.active:hover, .datepicker td.available.active:hover), html[data-theme=dark] *:is(.datepicker td.active, .datepicker td.active:hover, .datepicker td.available.active:hover) { | |
| background-color: var(--cl-bunker); | |
| color: var(--cl-maya); | |
| } | |
| .datepicker td.available:hover { | |
| background-color: var(--cl-cornblue); | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .datepicker td.available:hover, html[data-theme=dark] .datepicker td.available:hover { | |
| background-color: var(--cl-maya); | |
| color: var(--cl-white); | |
| } | |
| *:is(#left-sidebar, #app-container) .dropdown-wrapper { | |
| background-color: var(--cl-fadedwhite); | |
| border-top: 1px solid var(--cl-iron); | |
| border-right: 1px solid var(--cl-iron); | |
| border-bottom: 1px solid var(--cl-iron); | |
| border-left: 1px solid var(--cl-iron); | |
| border-radius: 8px; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .dark-theme *:is(*:is(#left-sidebar, #app-container) .dropdown-wrapper), html[data-theme=dark] *:is(*:is(#left-sidebar, #app-container) .dropdown-wrapper) { | |
| background-color: var(--cl-bunker); | |
| border-top: 1px solid var(--cl-dark); | |
| border-right: 1px solid var(--cl-dark); | |
| border-bottom: 1px solid var(--cl-dark); | |
| border-left: 1px solid var(--cl-dark); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| *:is(#left-sidebar, #app-container) .dropdown-wrapper a.menu-link:hover { | |
| background-color: var(--cl-magnesium)!important; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(*:is(#left-sidebar, #app-container) .dropdown-wrapper a.menu-link:hover), html[data-theme=dark] *:is(*:is(#left-sidebar, #app-container) .dropdown-wrapper a.menu-link:hover) { | |
| background-color: var(--cl-steel)!important; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| *:is(#left-sidebar, #app-container) .dropdown-wrapper a.menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.85rem; | |
| } | |
| .dark-theme *:is(*:is(#left-sidebar, #app-container) .dropdown-wrapper a.menu-link), html[data-theme=dark] *:is(*:is(#left-sidebar, #app-container) .dropdown-wrapper a.menu-link) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .ui__modal .filters button:hover, .ui__modal .filters button:not(.text-green-400):hover { | |
| background-color: var(--cl-iron); | |
| border-top: 1px solid var(--cl-aluminium)!important; | |
| border-right: 1px solid var(--cl-aluminium)!important; | |
| border-bottom: 1px solid var(--cl-aluminium)!important; | |
| border-left: 1px solid var(--cl-aluminium)!important; | |
| border-radius: 5px!important; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme *:is(.ui__modal .filters button:hover, .ui__modal .filters button:not(.text-green-400):hover), html[data-theme=dark] *:is(.ui__modal .filters button:hover, .ui__modal .filters button:not(.text-green-400):hover) { | |
| background-color: var(--cl-steel); | |
| border-top: 1px solid var(--cl-dove)!important; | |
| border-right: 1px solid var(--cl-dove)!important; | |
| border-bottom: 1px solid var(--cl-dove)!important; | |
| border-left: 1px solid var(--cl-dove)!important; | |
| color: var(--cl-white); | |
| } | |
| .ui__modal .filters button:not(.text-green-400) { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac)!important; | |
| border-right: 1px solid var(--cl-lilac)!important; | |
| border-bottom: 1px solid var(--cl-lilac)!important; | |
| border-left: 1px solid var(--cl-lilac)!important; | |
| border-radius: 5px!important; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .ui__modal .filters button:not(.text-green-400), html[data-theme=dark] .ui__modal .filters button:not(.text-green-400) { | |
| background-color: var(--cl-jungle); | |
| border-top: 1px solid var(--cl-ship)!important; | |
| border-right: 1px solid var(--cl-ship)!important; | |
| border-bottom: 1px solid var(--cl-ship)!important; | |
| border-left: 1px solid var(--cl-ship)!important; | |
| color: var(--cl-white); | |
| } | |
| .ui__modal .filters button.text-green-400 { | |
| background-color: var(--cl-cornblue); | |
| border-top: 1px solid var(--cl-cornblue)!important; | |
| border-right: 1px solid var(--cl-cornblue)!important; | |
| border-bottom: 1px solid var(--cl-cornblue)!important; | |
| border-left: 1px solid var(--cl-cornblue)!important; | |
| border-radius: 5px!important; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .ui__modal .filters button.text-green-400, html[data-theme=dark] .ui__modal .filters button.text-green-400 { | |
| background-color: var(--cl-maya); | |
| border-top: 1px solid var(--cl-maya)!important; | |
| border-right: 1px solid var(--cl-maya)!important; | |
| border-bottom: 1px solid var(--cl-maya)!important; | |
| border-left: 1px solid var(--cl-maya)!important; | |
| color: var(--cl-white); | |
| } | |
| .ui__modal .filters .bg-gray-200 { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: ; | |
| } | |
| .dark-theme .ui__modal .filters .bg-gray-200, html[data-theme=dark] .ui__modal .filters .bg-gray-200 { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #global-graph button:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: ; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme #global-graph button:hover, html[data-theme=dark] #global-graph button:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #global-graph button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: ; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme #global-graph button, html[data-theme=dark] #global-graph button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #global-graph .graph-filters { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-iron); | |
| border-right: 1px solid var(--cl-iron); | |
| border-bottom: 1px solid var(--cl-iron); | |
| border-left: 1px solid var(--cl-iron); | |
| border-radius: 8px; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .dark-theme #global-graph .graph-filters, html[data-theme=dark] #global-graph .graph-filters { | |
| background-color: var(--cl-bunker); | |
| border-top: 1px solid var(--cl-dark); | |
| border-right: 1px solid var(--cl-dark); | |
| border-bottom: 1px solid var(--cl-dark); | |
| border-left: 1px solid var(--cl-dark); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| a:hover { | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme a:hover, html[data-theme=dark] a:hover { | |
| color: var(--cl-maya); | |
| } | |
| a { | |
| color: var(--cl-navy); | |
| } | |
| .dark-theme a, html[data-theme=dark] a { | |
| color: var(--cl-maya); | |
| } | |
| body, html { | |
| background-color: var(--cl-white)!important; | |
| } | |
| .dark-theme *:is(body, html), html[data-theme=dark] *:is(body, html) { | |
| background-color: var(--cl-nero)!important; | |
| } | |
| hr { | |
| border-top: 1px solid var(--cl-porcelain); | |
| } | |
| .dark-theme hr, html[data-theme=dark] hr { | |
| border-top: 1px solid var(--cl-jungle); | |
| } | |
| p { | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| } | |
| .dark-theme p, html[data-theme=dark] p { | |
| color: var(--cl-white); | |
| } | |
| #root>div { | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| } | |
| .dark-theme #root>div, html[data-theme=dark] #root>div { | |
| color: var(--cl-white); | |
| } | |
| a svg { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme a svg, html[data-theme=dark] a svg { | |
| color: var(--cl-steel); | |
| } | |
| #journals .text-4xl { | |
| color: var(--cl-regent); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1.3rem; | |
| font-style: ; | |
| font-weight: 500; | |
| } | |
| .dark-theme #journals .text-4xl, html[data-theme=dark] #journals .text-4xl { | |
| color: var(--cl-steel); | |
| } | |
| #journals .journal-item:not(:first-child) { | |
| border-top: 1px solid var(--cl-porcelain); | |
| } | |
| .dark-theme #journals .journal-item:not(:first-child), html[data-theme=dark] #journals .journal-item:not(:first-child) { | |
| border-top: 1px solid var(--cl-jungle); | |
| } | |
| .cp__sidebar-left-layout:before { | |
| background-color: var(--cl-blackhaze); | |
| opacity: 1; | |
| } | |
| .dark-theme .cp__sidebar-left-layout:before , html[data-theme=dark] .cp__sidebar-left-layout:before { | |
| background-color: var(--cl-jungle); | |
| } | |
| #left-sidebar .left-sidebar-inner { | |
| background-color: var(--cl-blackhaze)!important; | |
| border-right: 1px solid var(--cl-athens); | |
| } | |
| .dark-theme #left-sidebar .left-sidebar-inner, html[data-theme=dark] #left-sidebar .left-sidebar-inner { | |
| background-color: var(--cl-jungle)!important; | |
| border-right: 1px solid var(--cl-hunter); | |
| } | |
| #left-sidebar .favorites ul .favorite-item a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .favorites ul .favorite-item a:hover, html[data-theme=dark] #left-sidebar .favorites ul .favorite-item a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .favorites ul .favorite-item a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| } | |
| .dark-theme #left-sidebar .favorites ul .favorite-item a, html[data-theme=dark] #left-sidebar .favorites ul .favorite-item a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .favorites div.header:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .favorites div.header:hover, html[data-theme=dark] #left-sidebar .favorites div.header:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .favorites div.header { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .favorites div.header, html[data-theme=dark] #left-sidebar .favorites div.header { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .favorites div.header a { | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| font-weight: ; | |
| opacity: 1!important; | |
| } | |
| .dark-theme #left-sidebar .favorites div.header a, html[data-theme=dark] #left-sidebar .favorites div.header a { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .favorites div.header:hover svg { | |
| fill: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .favorites div.header:hover svg, html[data-theme=dark] #left-sidebar .favorites div.header:hover svg { | |
| fill: var(--cl-steel); | |
| } | |
| #left-sidebar .favorites div.header:hover .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .favorites div.header:hover .ti, html[data-theme=dark] #left-sidebar .favorites div.header:hover .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .favorites div.header .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .favorites div.header .ti, html[data-theme=dark] #left-sidebar .favorites div.header .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .favorites div.header:hover a { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .favorites div.header:hover a, html[data-theme=dark] #left-sidebar .favorites div.header:hover a { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .left-sidebar-inner .favorites .favorite-item a:hover .page-icon { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .left-sidebar-inner .favorites .favorite-item a:hover .page-icon, html[data-theme=dark] #left-sidebar .left-sidebar-inner .favorites .favorite-item a:hover .page-icon { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .left-sidebar-inner .favorites .favorite-item a .page-icon { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .left-sidebar-inner .favorites .favorite-item a .page-icon, html[data-theme=dark] #left-sidebar .left-sidebar-inner .favorites .favorite-item a .page-icon { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover .dropdown-caret { | |
| border-top: 4px solid var(--cl-aluminium)!important; | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover .dropdown-caret, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover .dropdown-caret { | |
| border-top: 4px solid var(--cl-steel)!important; | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a .dropdown-caret { | |
| border-top: 4px solid var(--cl-vulcan)!important; | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a .dropdown-caret, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a .dropdown-caret { | |
| border-top: 4px solid var(--cl-steel)!important; | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover ti, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a .ti, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover span { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover span, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a:hover span { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar nav[aria-label='Sidebar'] div.relative a span { | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| font-weight: ; | |
| } | |
| .dark-theme #left-sidebar nav[aria-label='Sidebar'] div.relative a span, html[data-theme=dark] #left-sidebar nav[aria-label='Sidebar'] div.relative a span { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-menu, #search-button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme *:is(#left-menu, #search-button), html[data-theme=dark] *:is(#left-menu, #search-button) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .nav-header > div a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .nav-header > div a:hover, html[data-theme=dark] #left-sidebar .nav-header > div a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .nav-header > div a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .nav-header > div a, html[data-theme=dark] #left-sidebar .nav-header > div a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .nav-header > div a:hover .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .nav-header > div a:hover .ti, html[data-theme=dark] #left-sidebar .nav-header > div a:hover .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .nav-header > div a .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .nav-header > div a .ti, html[data-theme=dark] #left-sidebar .nav-header > div a .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .nav-header > div a:hover span { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .nav-header > div a:hover span, html[data-theme=dark] #left-sidebar .nav-header > div a:hover span { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .nav-header > div a span { | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| font-weight: ; | |
| } | |
| .dark-theme #left-sidebar .nav-header > div a span, html[data-theme=dark] #left-sidebar .nav-header > div a span { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .new-page, .left-sidebar-inner .new-page { | |
| background-color: var(--cl-blackhaze); | |
| } | |
| .dark-theme *:is(#left-sidebar .new-page, .left-sidebar-inner .new-page), html[data-theme=dark] *:is(#left-sidebar .new-page, .left-sidebar-inner .new-page) { | |
| background-color: var(--cl-jungle); | |
| } | |
| #left-sidebar .new-page a.item:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .new-page a.item:hover, html[data-theme=dark] #left-sidebar .new-page a.item:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .new-page a.item { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .new-page a.item, html[data-theme=dark] #left-sidebar .new-page a.item { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .new-page a.item:hover .ti { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .new-page a.item:hover .ti, html[data-theme=dark] #left-sidebar .new-page a.item:hover .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .new-page a.item .ti { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .new-page a.item .ti, html[data-theme=dark] #left-sidebar .new-page a.item .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .new-page a.item:hover span { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .new-page a.item:hover span, html[data-theme=dark] #left-sidebar .new-page a.item:hover span { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .new-page a.item span { | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-weight: ; | |
| } | |
| .dark-theme #left-sidebar .new-page a.item span, html[data-theme=dark] #left-sidebar .new-page a.item span { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .recent ul .recent-item a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .recent ul .recent-item a:hover, html[data-theme=dark] #left-sidebar .recent ul .recent-item a:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .recent ul .recent-item a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| } | |
| .dark-theme #left-sidebar .recent ul .recent-item a, html[data-theme=dark] #left-sidebar .recent ul .recent-item a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .recent div.header:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .recent div.header:hover, html[data-theme=dark] #left-sidebar .recent div.header:hover { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .recent div.header { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme #left-sidebar .recent div.header, html[data-theme=dark] #left-sidebar .recent div.header { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #left-sidebar .recent div.header:hover svg { | |
| fill: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .recent div.header:hover svg, html[data-theme=dark] #left-sidebar .recent div.header:hover svg { | |
| fill: var(--cl-steel); | |
| } | |
| #left-sidebar .recent div.header:hover .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .recent div.header:hover .ti, html[data-theme=dark] #left-sidebar .recent div.header:hover .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .recent div.header .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .recent div.header .ti, html[data-theme=dark] #left-sidebar .recent div.header .ti { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .recent div.header:hover a { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme #left-sidebar .recent div.header:hover a, html[data-theme=dark] #left-sidebar .recent div.header:hover a { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .recent div.header a { | |
| color: var(--cl-vulcan); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| font-weight: ; | |
| opacity: 1!important; | |
| } | |
| .dark-theme #left-sidebar .recent div.header a, html[data-theme=dark] #left-sidebar .recent div.header a { | |
| color: var(--cl-lightgray); | |
| } | |
| #left-sidebar .left-sidebar-inner .recent .recent-item a:hover .page-icon { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .left-sidebar-inner .recent .recent-item a:hover .page-icon, html[data-theme=dark] #left-sidebar .left-sidebar-inner .recent .recent-item a:hover .page-icon { | |
| color: var(--cl-steel); | |
| } | |
| #left-sidebar .left-sidebar-inner .recent .recent-item a .page-icon { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #left-sidebar .left-sidebar-inner .recent .recent-item a .page-icon, html[data-theme=dark] #left-sidebar .left-sidebar-inner .recent .recent-item a .page-icon { | |
| color: var(--cl-steel); | |
| } | |
| .left-sidebar-inner .wrap::-webkit-scrollbar-track { | |
| background-color: var(--cl-blackhaze); | |
| } | |
| .dark-theme .left-sidebar-inner .wrap::-webkit-scrollbar-track, html[data-theme=dark] .left-sidebar-inner .wrap::-webkit-scrollbar-track { | |
| background-color: var(--cl-jungle); | |
| } | |
| .left-sidebar-inner .wrap::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-blackhaze); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .left-sidebar-inner .wrap::-webkit-scrollbar-thumb, html[data-theme=dark] .left-sidebar-inner .wrap::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| #mobile-editor-toolbar { | |
| background-color: var(--cl-alabaster); | |
| } | |
| .dark-theme #mobile-editor-toolbar, html[data-theme=dark] #mobile-editor-toolbar { | |
| background-color: var(--cl-jungle); | |
| } | |
| #mobile-editor-toolbar button { | |
| background-color: transparent; | |
| } | |
| .dark-theme #mobile-editor-toolbar button, html[data-theme=dark] #mobile-editor-toolbar button { | |
| background-color: transparent; | |
| } | |
| .ui__notifications button:hover svg { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .ui__notifications button:hover svg, html[data-theme=dark] .ui__notifications button:hover svg { | |
| color: var(--cl-darkgray); | |
| } | |
| .ui__notifications button svg { | |
| color: var(--cl-vulcan); | |
| } | |
| .dark-theme .ui__notifications button svg, html[data-theme=dark] .ui__notifications button svg { | |
| color: var(--cl-steel); | |
| } | |
| .ui__notifications .notification-area { | |
| background-color: var(--cl-gunmetal)!important; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| } | |
| .dark-theme .ui__notifications .notification-area, html[data-theme=dark] .ui__notifications .notification-area { | |
| background-color: var(--cl-jungle)!important; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| #main-content-container .absolute-modal { | |
| background-color: var(--cl-fadedwhite); | |
| border-top: 1px solid var(--cl-iron); | |
| border-right: 1px solid var(--cl-iron); | |
| border-bottom: 1px solid var(--cl-iron); | |
| border-left: 1px solid var(--cl-iron); | |
| border-radius: 8px; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .dark-theme #main-content-container .absolute-modal, html[data-theme=dark] #main-content-container .absolute-modal { | |
| background-color: var(--cl-bunker); | |
| border-top: 1px solid var(--cl-dark); | |
| border-right: 1px solid var(--cl-dark); | |
| border-bottom: 1px solid var(--cl-dark); | |
| border-left: 1px solid var(--cl-dark); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| #main-content-container .absolute-modal mark { | |
| background-color: var(--cl-hawkes); | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme #main-content-container .absolute-modal mark, html[data-theme=dark] #main-content-container .absolute-modal mark { | |
| background-color: var(--cl-fun); | |
| color: var(--cl-white); | |
| } | |
| #main-content-container .absolute-modal a.menu-link.chosen { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme #main-content-container .absolute-modal a.menu-link.chosen, html[data-theme=dark] #main-content-container .absolute-modal a.menu-link.chosen { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #main-content-container .absolute-modal a.menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme #main-content-container .absolute-modal a.menu-link, html[data-theme=dark] #main-content-container .absolute-modal a.menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| #main-content-container .absolute-modal a.menu-link.chosen .block-parents a, #main-content-container .absolute-modal a.menu-link.chosen .block-parents span { | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(#main-content-container .absolute-modal a.menu-link.chosen .block-parents a, #main-content-container .absolute-modal a.menu-link.chosen .block-parents span), html[data-theme=dark] *:is(#main-content-container .absolute-modal a.menu-link.chosen .block-parents a, #main-content-container .absolute-modal a.menu-link.chosen .block-parents span) { | |
| color: var(--cl-white); | |
| } | |
| #main-content-container .absolute-modal a.menu-link .block-parents a, #main-content-container .absolute-modal a.menu-link .block-parents span { | |
| color: var(--cl-aluminum); | |
| } | |
| .dark-theme *:is(#main-content-container .absolute-modal a.menu-link .block-parents a, #main-content-container .absolute-modal a.menu-link .block-parents span), html[data-theme=dark] *:is(#main-content-container .absolute-modal a.menu-link .block-parents a, #main-content-container .absolute-modal a.menu-link .block-parents span) { | |
| color: var(--cl-steel); | |
| } | |
| #main-content-container .absolute-modal a.menu-link.chosen .block-parents a .bracket { | |
| color: var(--cl-white); | |
| } | |
| .dark-theme #main-content-container .absolute-modal a.menu-link.chosen .block-parents a .bracket, html[data-theme=dark] #main-content-container .absolute-modal a.menu-link.chosen .block-parents a .bracket { | |
| color: var(--cl-white); | |
| } | |
| #main-content-container .absolute-modal a.menu-link .block-parents a .bracket { | |
| color: var(--cl-aluminum); | |
| } | |
| .dark-theme #main-content-container .absolute-modal a.menu-link .block-parents a .bracket, html[data-theme=dark] #main-content-container .absolute-modal a.menu-link .block-parents a .bracket { | |
| color: var(--cl-steel); | |
| } | |
| #main-content-container .absolute-modal::-webkit-scrollbar-track { | |
| background-color: var(--cl-fadedwhite); | |
| } | |
| .dark-theme #main-content-container .absolute-modal::-webkit-scrollbar-track, html[data-theme=dark] #main-content-container .absolute-modal::-webkit-scrollbar-track { | |
| background-color: var(--cl-bunker); | |
| } | |
| #main-content-container .absolute-modal::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-fadedwhite); | |
| border-radius: 5px; | |
| } | |
| .dark-theme #main-content-container .absolute-modal::-webkit-scrollbar-thumb, html[data-theme=dark] #main-content-container .absolute-modal::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| #pdf-layout-container[data-theme=light] .hls-text-region-item[data-color=blue] { | |
| background-color: var(--cl-); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=light] .hls-text-region-item[data-color=blue], html[data-theme=dark] #pdf-layout-container[data-theme=light] .hls-text-region-item[data-color=blue] { | |
| background-color: var(--cl-); | |
| } | |
| #pdf-layout-container[data-theme=dark] .hls-text-region-item[data-color=blue] { | |
| background-color: var(--cl-); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=dark] .hls-text-region-item[data-color=blue], html[data-theme=dark] #pdf-layout-container[data-theme=dark] .hls-text-region-item[data-color=blue] { | |
| background-color: var(--cl-); | |
| } | |
| #pdf-layout-container[data-theme=light] { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=light], html[data-theme=dark] #pdf-layout-container[data-theme=light] { | |
| background-color: var(--cl-white); | |
| } | |
| #pdf-layout-container[data-theme=warm] { | |
| background-color: var(--cl-); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=warm], html[data-theme=dark] #pdf-layout-container[data-theme=warm] { | |
| background-color: var(--cl-); | |
| } | |
| #pdf-layout-container[data-theme=dark] { | |
| background-color: var(--cl-black); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=dark], html[data-theme=dark] #pdf-layout-container[data-theme=dark] { | |
| background-color: var(--cl-black); | |
| } | |
| #pdf-layout-container[data-theme=light] .textLayer { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=light] .textLayer, html[data-theme=dark] #pdf-layout-container[data-theme=light] .textLayer { | |
| background-color: var(--cl-white); | |
| } | |
| #pdf-layout-container[data-theme=warm] .textLayer { | |
| background-color: var(--cl-); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=warm] .textLayer, html[data-theme=dark] #pdf-layout-container[data-theme=warm] .textLayer { | |
| background-color: var(--cl-); | |
| } | |
| #pdf-layout-container[data-theme=dark] .textLayer { | |
| background-color: var(--cl-black); | |
| } | |
| .dark-theme #pdf-layout-container[data-theme=dark] .textLayer, html[data-theme=dark] #pdf-layout-container[data-theme=dark] .textLayer { | |
| background-color: var(--cl-black); | |
| } | |
| .ui__button[intent=logseq]:hover { | |
| background-color: var(--cl-cornblue); | |
| border-top: 1px solid var(--cl-cornblue); | |
| border-right: 1px solid var(--cl-cornblue); | |
| border-bottom: 1px solid var(--cl-cornblue); | |
| border-left: 1px solid var(--cl-cornblue); | |
| border-radius: 1 s cornblue; | |
| color: var(--cl-white); | |
| opacity: 1; | |
| } | |
| .dark-theme .ui__button[intent=logseq]:hover, html[data-theme=dark] .ui__button[intent=logseq]:hover { | |
| background-color: var(--cl-maya); | |
| border-top: 1px solid var(--cl-maya); | |
| border-right: 1px solid var(--cl-maya); | |
| border-bottom: 1px solid var(--cl-maya); | |
| border-left: 1px solid var(--cl-maya); | |
| color: var(--cl-white); | |
| } | |
| .ui__button[intent=logseq] { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| opacity: 1; | |
| } | |
| .dark-theme .ui__button[intent=logseq], html[data-theme=dark] .ui__button[intent=logseq] { | |
| background-color: var(--cl-steel); | |
| border-top: 1px solid var(--cl-dove); | |
| border-right: 1px solid var(--cl-dove); | |
| border-bottom: 1px solid var(--cl-dove); | |
| border-left: 1px solid var(--cl-dove); | |
| color: var(--cl-white); | |
| } | |
| .cp__plugins-item-card { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme .cp__plugins-item-card, html[data-theme=dark] .cp__plugins-item-card { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .cp__plugins-item-card>.r .ctl .de .menu-list { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .dark-theme .cp__plugins-item-card>.r .ctl .de .menu-list, html[data-theme=dark] .cp__plugins-item-card>.r .ctl .de .menu-list { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .cp__plugins-item-card>.r .ctl .de .menu-list>li:hover { | |
| background-color: var(--cl-magnesium)!important; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .cp__plugins-item-card>.r .ctl .de .menu-list>li:hover, html[data-theme=dark] .cp__plugins-item-card>.r .ctl .de .menu-list>li:hover { | |
| background-color: var(--cl-steel)!important; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__plugins-item-card>.r .ctl .de .menu-list>li { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme .cp__plugins-item-card>.r .ctl .de .menu-list>li, html[data-theme=dark] .cp__plugins-item-card>.r .ctl .de .menu-list>li { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .references .content .color-level { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| } | |
| .dark-theme .references .content .color-level, html[data-theme=dark] .references .content .color-level { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .ti-filter:hover { | |
| background-color: var(--cl-); | |
| border-radius: ; | |
| color: var(--cl-cornblue); | |
| } | |
| .dark-theme .ti-filter:hover, html[data-theme=dark] .ti-filter:hover { | |
| background-color: var(--cl-); | |
| color: var(--cl-maya); | |
| } | |
| .ti-filter { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .ti-filter, html[data-theme=dark] .ti-filter { | |
| color: var(--cl-steel); | |
| } | |
| .references .foldable-title h2 { | |
| color: var(--cl-mist); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 0.9rem; | |
| font-style: ; | |
| font-weight: 500; | |
| text-transform: none; | |
| opacity: 1!important; | |
| } | |
| .dark-theme .references .foldable-title h2, html[data-theme=dark] .references .foldable-title h2 { | |
| color: var(--cl-darkgray); | |
| } | |
| .cp__right-sidebar .add-button-link { | |
| opacity: 0; | |
| } | |
| .dark-theme .cp__right-sidebar .add-button-link, html[data-theme=dark] .cp__right-sidebar .add-button-link { | |
| } | |
| #right-sidebar .button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #right-sidebar .button, html[data-theme=dark] #right-sidebar .button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel); | |
| } | |
| #right-sidebar .sidebar-item .close:hover { | |
| background-color: var(--cl-); | |
| opacity: 1!important; | |
| } | |
| .dark-theme #right-sidebar .sidebar-item .close:hover, html[data-theme=dark] #right-sidebar .sidebar-item .close:hover { | |
| background-color: var(--cl-); | |
| } | |
| #right-sidebar .sidebar-item .close { | |
| opacity: 1!important; | |
| } | |
| .dark-theme #right-sidebar .sidebar-item .close, html[data-theme=dark] #right-sidebar .sidebar-item .close { | |
| } | |
| #right-sidebar .sidebar-item .close:hover svg { | |
| color: var(--cl-cornblue); | |
| } | |
| .dark-theme #right-sidebar .sidebar-item .close:hover svg, html[data-theme=dark] #right-sidebar .sidebar-item .close:hover svg { | |
| color: var(--cl-maya); | |
| } | |
| #right-sidebar .sidebar-item .close svg { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #right-sidebar .sidebar-item .close svg, html[data-theme=dark] #right-sidebar .sidebar-item .close svg { | |
| color: var(--cl-steel); | |
| } | |
| #right-sidebar { | |
| background-color: var(--cl-white); | |
| border-left: 1px solid var(--cl-porcelain); | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme #right-sidebar , html[data-theme=dark] #right-sidebar { | |
| background-color: var(--cl-nero); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .cp__sidebar-help-btn>inner { | |
| background-color: transparent; | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .cp__sidebar-help-btn>inner, html[data-theme=dark] .cp__sidebar-help-btn>inner { | |
| background-color: transparent; | |
| color: var(--cl-); | |
| } | |
| #right-sidebar .sidebar-item { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-porcelain); | |
| border-left: transparent; | |
| border-radius: none; | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| .dark-theme #right-sidebar .sidebar-item, html[data-theme=dark] #right-sidebar .sidebar-item { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: transparent; | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| #right-sidebar .page-title { | |
| color: var(--cl-fadedblack); | |
| font-size: 1rem; | |
| } | |
| .dark-theme #right-sidebar .page-title, html[data-theme=dark] #right-sidebar .page-title { | |
| color: var(--cl-white); | |
| } | |
| #right-sidebar .rotating-arrow:hover svg { | |
| color: var(--cl-cornblue); | |
| } | |
| .dark-theme #right-sidebar .rotating-arrow:hover svg, html[data-theme=dark] #right-sidebar .rotating-arrow:hover svg { | |
| color: var(--cl-maya); | |
| } | |
| #right-sidebar .rotating-arrow svg { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #right-sidebar .rotating-arrow svg, html[data-theme=dark] #right-sidebar .rotating-arrow svg { | |
| color: var(--cl-steel); | |
| } | |
| #right-sidebar .scrollbar-spacing::-webkit-scrollbar-track { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme #right-sidebar .scrollbar-spacing::-webkit-scrollbar-track, html[data-theme=dark] #right-sidebar .scrollbar-spacing::-webkit-scrollbar-track { | |
| background-color: var(--cl-nero); | |
| } | |
| #right-sidebar .scrollbar-spacing::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-boulder); | |
| border-radius: 5px; | |
| } | |
| .dark-theme #right-sidebar .scrollbar-spacing::-webkit-scrollbar-thumb, html[data-theme=dark] #right-sidebar .scrollbar-spacing::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| #right-sidebar .cp__right-sidebar-settings a:hover { | |
| color: var(--cl-cornblue)!important; | |
| } | |
| .dark-theme #right-sidebar .cp__right-sidebar-settings a:hover, html[data-theme=dark] #right-sidebar .cp__right-sidebar-settings a:hover { | |
| color: var(--cl-maya)!important; | |
| } | |
| #right-sidebar .cp__right-sidebar-settings a { | |
| color: var(--cl-aluminium)!important; | |
| } | |
| .dark-theme #right-sidebar .cp__right-sidebar-settings a, html[data-theme=dark] #right-sidebar .cp__right-sidebar-settings a { | |
| color: var(--cl-steel)!important; | |
| } | |
| #right-sidebar a.toggle:hover { | |
| background-color: transparent!important; | |
| color: var(--cl-cornblue)!important; | |
| opacity: 1!important; | |
| } | |
| .dark-theme #right-sidebar a.toggle:hover, html[data-theme=dark] #right-sidebar a.toggle:hover { | |
| background-color: transparent!important; | |
| color: var(--cl-maya)!important; | |
| } | |
| #right-sidebar a.toggle { | |
| background-color: transparent; | |
| color: var(--cl-aluminium); | |
| opacity: 1!important; | |
| } | |
| .dark-theme #right-sidebar a.toggle, html[data-theme=dark] #right-sidebar a.toggle { | |
| background-color: transparent; | |
| color: var(--cl-steel); | |
| } | |
| #right-sidebar .cp__right-sidebar-topbar { | |
| background-color: transparent; | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme #right-sidebar .cp__right-sidebar-topbar, html[data-theme=dark] #right-sidebar .cp__right-sidebar-topbar { | |
| background-color: transparent; | |
| } | |
| .absolute-modal .ui__ac-group-name { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .absolute-modal .ui__ac-group-name, html[data-theme=dark] .absolute-modal .ui__ac-group-name { | |
| color: var(--cl-steel); | |
| } | |
| .cp__palette input { | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__palette input, html[data-theme=dark] .cp__palette input { | |
| color: var(--cl-white); | |
| } | |
| .cp__palette input::placeholder { | |
| color: var(--cl-santas); | |
| } | |
| .dark-theme .cp__palette input::placeholder , html[data-theme=dark] .cp__palette input::placeholder { | |
| color: var(--cl-steel); | |
| } | |
| .cp__palette mark { | |
| background-color: var(--cl-tropical); | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__palette mark, html[data-theme=dark] .cp__palette mark { | |
| background-color: var(--cl-astronaut); | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link.chosen, .cp__palette a.menu-link.chosen:hover, .cp__palette a.menu-link.chosen p, .cp__palette a.menu-link.chosen:hover p { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link.chosen, .cp__palette a.menu-link.chosen:hover, .cp__palette a.menu-link.chosen p, .cp__palette a.menu-link.chosen:hover p), html[data-theme=dark] *:is(.cp__palette a.menu-link.chosen, .cp__palette a.menu-link.chosen:hover, .cp__palette a.menu-link.chosen p, .cp__palette a.menu-link.chosen:hover p) { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link:hover, .cp__palette a.menu-link:hover p { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link:hover, .cp__palette a.menu-link:hover p), html[data-theme=dark] *:is(.cp__palette a.menu-link:hover, .cp__palette a.menu-link:hover p) { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link, .cp__palette a.menu-link p { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px!important; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link, .cp__palette a.menu-link p), html[data-theme=dark] *:is(.cp__palette a.menu-link, .cp__palette a.menu-link p) { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link.chosen code, .cp__palette a.menu-link.chosen:hover code { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link.chosen code, .cp__palette a.menu-link.chosen:hover code), html[data-theme=dark] *:is(.cp__palette a.menu-link.chosen code, .cp__palette a.menu-link.chosen:hover code) { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link:hover code { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .cp__palette a.menu-link:hover code, html[data-theme=dark] .cp__palette a.menu-link:hover code { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link code { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .cp__palette a.menu-link code, html[data-theme=dark] .cp__palette a.menu-link code { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel); | |
| } | |
| .cp__palette a.menu-link.chosen .block-parents a, .cp__palette a.menu-link.chosen:hover .block-parents a, .cp__palette a.menu-link.chosen .block-parents span, .cp__palette a.menu-link.chosen:hover .block-parents span { | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link.chosen .block-parents a, .cp__palette a.menu-link.chosen:hover .block-parents a, .cp__palette a.menu-link.chosen .block-parents span, .cp__palette a.menu-link.chosen:hover .block-parents span), html[data-theme=dark] *:is(.cp__palette a.menu-link.chosen .block-parents a, .cp__palette a.menu-link.chosen:hover .block-parents a, .cp__palette a.menu-link.chosen .block-parents span, .cp__palette a.menu-link.chosen:hover .block-parents span) { | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link .block-parents a, .cp__palette a.menu-link .block-parents a, .cp__palette a.menu-link .block-parents span, .cp__palette a.menu-link .block-parents span { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link .block-parents a, .cp__palette a.menu-link .block-parents a, .cp__palette a.menu-link .block-parents span, .cp__palette a.menu-link .block-parents span), html[data-theme=dark] *:is(.cp__palette a.menu-link .block-parents a, .cp__palette a.menu-link .block-parents a, .cp__palette a.menu-link .block-parents span, .cp__palette a.menu-link .block-parents span) { | |
| color: var(--cl-steel); | |
| } | |
| .cp__palette a.menu-link.chosen .block-parents a .bracket, .cp__palette a.menu-link.chosen:hover .block-parents a .bracket { | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link.chosen .block-parents a .bracket, .cp__palette a.menu-link.chosen:hover .block-parents a .bracket), html[data-theme=dark] *:is(.cp__palette a.menu-link.chosen .block-parents a .bracket, .cp__palette a.menu-link.chosen:hover .block-parents a .bracket) { | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link .block-parents a .bracket { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .cp__palette a.menu-link .block-parents a .bracket, html[data-theme=dark] .cp__palette a.menu-link .block-parents a .bracket { | |
| color: var(--cl-stek); | |
| } | |
| .cp__palette a.menu-link.chosen code.ml-1, .cp__palette a.menu-link.chosen:hover code.ml-1 { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link.chosen code.ml-1, .cp__palette a.menu-link.chosen:hover code.ml-1), html[data-theme=dark] *:is(.cp__palette a.menu-link.chosen code.ml-1, .cp__palette a.menu-link.chosen:hover code.ml-1) { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link:hover code.ml-1 { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .cp__palette a.menu-link:hover code.ml-1, html[data-theme=dark] .cp__palette a.menu-link:hover code.ml-1 { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link code.ml-1 { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| opacity: 1; | |
| } | |
| .dark-theme .cp__palette a.menu-link code.ml-1, html[data-theme=dark] .cp__palette a.menu-link code.ml-1 { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link.chosen .search-item svg,.cp__palette a.menu-link.chosen:hover .search-item svg { | |
| fill: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__palette a.menu-link.chosen .search-item svg,.cp__palette a.menu-link.chosen:hover .search-item svg), html[data-theme=dark] *:is(.cp__palette a.menu-link.chosen .search-item svg,.cp__palette a.menu-link.chosen:hover .search-item svg) { | |
| fill: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link:hover .search-item svg { | |
| fill: var(--cl-white); | |
| } | |
| .dark-theme .cp__palette a.menu-link:hover .search-item svg, html[data-theme=dark] .cp__palette a.menu-link:hover .search-item svg { | |
| fill: var(--cl-white); | |
| } | |
| .cp__palette a.menu-link .search-item svg { | |
| fill: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__palette a.menu-link .search-item svg, html[data-theme=dark] .cp__palette a.menu-link .search-item svg { | |
| fill: var(--cl-white); | |
| } | |
| .ui__modal-overlay div { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme .ui__modal-overlay div, html[data-theme=dark] .ui__modal-overlay div { | |
| background-color: var(--cl-black); | |
| } | |
| .cp__palette .recent-search { | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__palette .recent-search, html[data-theme=dark] .cp__palette .recent-search { | |
| color: var(--cl-white); | |
| } | |
| .cp__palette .recent-search a.svg { | |
| fill: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__palette .recent-search a.svg, html[data-theme=dark] .cp__palette .recent-search a.svg { | |
| fill: var(--cl-white); | |
| } | |
| .cp__palette-main .search-results-wrap>div:first-child::-webkit-scrollbar-track { | |
| background-color: var(--cl-antiflash); | |
| } | |
| .dark-theme .cp__palette-main .search-results-wrap>div:first-child::-webkit-scrollbar-track, html[data-theme=dark] .cp__palette-main .search-results-wrap>div:first-child::-webkit-scrollbar-track { | |
| background-color: var(--cl-bunker); | |
| } | |
| .cp__palette-main .command-results-wrap::-webkit-scrollbar-track { | |
| background-color: var(--cl-antiflash); | |
| } | |
| .dark-theme .cp__palette-main .command-results-wrap::-webkit-scrollbar-track, html[data-theme=dark] .cp__palette-main .command-results-wrap::-webkit-scrollbar-track { | |
| background-color: var(--cl-bunker); | |
| } | |
| .cp__palette-main .search-results-wrap>div:first-child::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-antiflash); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .cp__palette-main .search-results-wrap>div:first-child::-webkit-scrollbar-thumb, html[data-theme=dark] .cp__palette-main .search-results-wrap>div:first-child::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .cp__palette-main .command-results-wrap::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-antiflash); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .cp__palette-main .command-results-wrap::-webkit-scrollbar-thumb, html[data-theme=dark] .cp__palette-main .command-results-wrap::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .search-more { | |
| background-color: transparent; | |
| } | |
| .dark-theme .search-more, html[data-theme=dark] .search-more { | |
| background-color: transparent; | |
| } | |
| .search-more a:hover { | |
| color: var(--cl-demim); | |
| } | |
| .dark-theme .search-more a:hover, html[data-theme=dark] .search-more a:hover { | |
| color: var(--cl-maya); | |
| } | |
| .search-more a { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .search-more a, html[data-theme=dark] .search-more a { | |
| color: var(--cl-steel); | |
| } | |
| .cp__palette .ui__toggle span[aria-checked='true'] { | |
| background-color: var(--cl-denim); | |
| } | |
| .dark-theme .cp__palette .ui__toggle span[aria-checked='true'], html[data-theme=dark] .cp__palette .ui__toggle span[aria-checked='true'] { | |
| background-color: var(--cl-france); | |
| } | |
| .cp__palette .ui__toggle span[aria-checked='false'] { | |
| background-color: var(--cl-aluminium); | |
| } | |
| .dark-theme .cp__palette .ui__toggle span[aria-checked='false'], html[data-theme=dark] .cp__palette .ui__toggle span[aria-checked='false'] { | |
| background-color: var(--cl-steel); | |
| } | |
| .search-results .menu-link:hover { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .search-results .menu-link:hover, html[data-theme=dark] .search-results .menu-link:hover { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .search-results .menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .search-results .menu-link, html[data-theme=dark] .search-results .menu-link { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .search-results .menu-link:hover .block-parents a { | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .search-results .menu-link:hover .block-parents a, html[data-theme=dark] .search-results .menu-link:hover .block-parents a { | |
| color: var(--cl-white); | |
| } | |
| .search-results .menu-link .block-parents a { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .search-results .menu-link .block-parents a, html[data-theme=dark] .search-results .menu-link .block-parents a { | |
| color: var(--cl-steel); | |
| } | |
| .search-results .menu-link:hover .page-ref { | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .search-results .menu-link:hover .page-ref, html[data-theme=dark] .search-results .menu-link:hover .page-ref { | |
| color: var(--cl-white); | |
| } | |
| .search-results .menu-link .page-ref { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .search-results .menu-link .page-ref, html[data-theme=dark] .search-results .menu-link .page-ref { | |
| color: var(--cl-steel); | |
| } | |
| .cp__settings-inner .admonition-icon, .zotero-settings .admonition-icon, .cp__plugins-page .admonition-icon { | |
| border-right: 1px solid var(--cl-gainsboro); | |
| } | |
| .dark-theme *:is(.cp__settings-inner .admonition-icon, .zotero-settings .admonition-icon, .cp__plugins-page .admonition-icon), html[data-theme=dark] *:is(.cp__settings-inner .admonition-icon, .zotero-settings .admonition-icon, .cp__plugins-page .admonition-icon) { | |
| border-right: 1px solid var(--cl-jungle); | |
| } | |
| .cp__settings-inner .ui__button:hover { | |
| background-color: var(--cl-cornblue); | |
| border-top: 1px solid var(--cl-cornblue); | |
| border-right: 1px solid var(--cl-cornblue); | |
| border-bottom: 1px solid var(--cl-cornblue); | |
| border-left: 1px solid var(--cl-cornblue); | |
| border-radius: 1 s cornblue; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .cp__settings-inner .ui__button:hover, html[data-theme=dark] .cp__settings-inner .ui__button:hover { | |
| background-color: var(--cl-maya); | |
| border-top: 1px solid var(--cl-maya); | |
| border-right: 1px solid var(--cl-maya); | |
| border-bottom: 1px solid var(--cl-maya); | |
| border-left: 1px solid var(--cl-maya); | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner .ui__button { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme .cp__settings-inner .ui__button, html[data-theme=dark] .cp__settings-inner .ui__button { | |
| background-color: var(--cl-chicago); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .ui__modal-panel .panel-content { | |
| background-color: var(--cl-whitesmoke)!important; | |
| border-top: 1px solid var(--cl-iron); | |
| border-right: 1px solid var(--cl-iron); | |
| border-bottom: 1px solid var(--cl-iron); | |
| border-left: 1px solid var(--cl-iron); | |
| border-radius: 8px; | |
| } | |
| .dark-theme .ui__modal-panel .panel-content, html[data-theme=dark] .ui__modal-panel .panel-content { | |
| background-color: var(--cl-bunker)!important; | |
| border-top: 1px solid var(--cl-dark); | |
| border-right: 1px solid var(--cl-dark); | |
| border-bottom: 1px solid var(--cl-dark); | |
| border-left: 1px solid var(--cl-dark); | |
| } | |
| .cp__settings-inner .form-select { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme .cp__settings-inner .form-select, html[data-theme=dark] .cp__settings-inner .form-select { | |
| background-color: var(--cl-jungle); | |
| border-top: 1px solid var(--cl-ship); | |
| border-right: 1px solid var(--cl-ship); | |
| border-bottom: 1px solid var(--cl-ship); | |
| border-left: 1px solid var(--cl-ship); | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-main>header { | |
| border-bottom: 1px solid var(--cl-gainsboro); | |
| } | |
| .dark-theme .cp__settings-main>header, html[data-theme=dark] .cp__settings-main>header { | |
| border-bottom: 1px solid var(--cl-jungle); | |
| } | |
| .cp__settings-inner .panel-wrap>.it .form-input, .cp__settings-inner .panel-wrap>.it .form-select { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme *:is(.cp__settings-inner .panel-wrap>.it .form-input, .cp__settings-inner .panel-wrap>.it .form-select), html[data-theme=dark] *:is(.cp__settings-inner .panel-wrap>.it .form-input, .cp__settings-inner .panel-wrap>.it .form-select) { | |
| background-color: var(--cl-jungle); | |
| border-top: 1px solid var(--cl-ship); | |
| border-right: 1px solid var(--cl-ship); | |
| border-bottom: 1px solid var(--cl-ship); | |
| border-left: 1px solid var(--cl-ship); | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner .keyboard-shortcut code { | |
| background-color: var(--cl-alabaster); | |
| border-top: 1px solid var(--cl-gallery); | |
| border-right: 1px solid var(--cl-gallery); | |
| border-bottom: 1px solid var(--cl-gallery); | |
| border-left: 1px solid var(--cl-gallery); | |
| border-radius: 5px; | |
| box-shadow: none!important; | |
| --webkit-box-shadow: none!important; | |
| color: var(--cl-vulcan); | |
| font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;; | |
| font-size: 0.9rem!important; | |
| } | |
| .dark-theme .cp__settings-inner .keyboard-shortcut code, html[data-theme=dark] .cp__settings-inner .keyboard-shortcut code { | |
| background-color: var(--cl-fadedblack); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| box-shadow: !important; | |
| --webkit-box-shadow: !important; | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner>aside ul>li>a:hover, .cp__settings-inner>aside ul>li.active>a:hover { | |
| background-color: var(--cl-magnesium); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme *:is(.cp__settings-inner>aside ul>li>a:hover, .cp__settings-inner>aside ul>li.active>a:hover), html[data-theme=dark] *:is(.cp__settings-inner>aside ul>li>a:hover, .cp__settings-inner>aside ul>li.active>a:hover) { | |
| background-color: var(--cl-steel); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner>aside ul>li.active a { | |
| background-color: var(--cl-cornblue); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .cp__settings-inner>aside ul>li.active a, html[data-theme=dark] .cp__settings-inner>aside ul>li.active a { | |
| background-color: var(--cl-maya); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner>aside ul>li>a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__settings-inner>aside ul>li>a, html[data-theme=dark] .cp__settings-inner>aside ul>li>a { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner .panel-wrap { | |
| background-color: var(--cl-); | |
| border-top: var(--cl-); | |
| border-right: var(--cl-); | |
| border-bottom: var(--cl-); | |
| border-left: var(--cl-); | |
| border-radius: ; | |
| } | |
| .dark-theme .cp__settings-inner .panel-wrap, html[data-theme=dark] .cp__settings-inner .panel-wrap { | |
| background-color: var(--cl-); | |
| border-top: var(--cl-); | |
| border-right: var(--cl-); | |
| border-bottom: var(--cl-); | |
| border-left: var(--cl-); | |
| } | |
| .cp__settings-inner>article::-webkit-scrollbar-track { | |
| background-color: var(--cl-fadedwhite); | |
| } | |
| .dark-theme .cp__settings-inner>article::-webkit-scrollbar-track, html[data-theme=dark] .cp__settings-inner>article::-webkit-scrollbar-track { | |
| background-color: var(--cl-bunker); | |
| } | |
| .cp__settings-inner>article::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-boulder); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .cp__settings-inner>article::-webkit-scrollbar-thumb, html[data-theme=dark] .cp__settings-inner>article::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .cp__settings-inner>aside { | |
| border-right: 1px solid var(--cl-gainsboro); | |
| } | |
| .dark-theme .cp__settings-inner>aside, html[data-theme=dark] .cp__settings-inner>aside { | |
| border-right: 1px solid var(--cl-jungle); | |
| } | |
| .cp__settings-inner .theme-modes-options>li.active>i { | |
| border-top: 1px solid var(--cl-navy); | |
| border-right: 1px solid var(--cl-navy); | |
| border-bottom: 1px solid var(--cl-navy); | |
| border-left: 1px solid var(--cl-navy); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .cp__settings-inner .theme-modes-options>li.active>i, html[data-theme=dark] .cp__settings-inner .theme-modes-options>li.active>i { | |
| border-top: 1px solid var(--cl-maya); | |
| border-right: 1px solid var(--cl-maya); | |
| border-bottom: 1px solid var(--cl-maya); | |
| border-left: 1px solid var(--cl-maya); | |
| } | |
| .cp__settings-main>header h1 { | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1.3rem; | |
| font-style: ; | |
| font-weight: ; | |
| } | |
| .dark-theme .cp__settings-main>header h1, html[data-theme=dark] .cp__settings-main>header h1 { | |
| color: var(--cl-white); | |
| } | |
| .cp__settings-inner .cp__settings-app-updater .update-state { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 0px; | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme .cp__settings-inner .cp__settings-app-updater .update-state, html[data-theme=dark] .cp__settings-inner .cp__settings-app-updater .update-state { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel); | |
| } | |
| .slide button.navigate-right { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .dark-theme .slide button.navigate-right, html[data-theme=dark] .slide button.navigate-right { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .reveal { | |
| background-color: var(--cl-white); | |
| } | |
| .dark-theme .reveal, html[data-theme=dark] .reveal { | |
| background-color: var(--cl-black); | |
| } | |
| .cp__themes-installed>.it.is-active { | |
| background-color: var(--cl-cornblue); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-white); | |
| } | |
| .dark-theme .cp__themes-installed>.it.is-active, html[data-theme=dark] .cp__themes-installed>.it.is-active { | |
| background-color: var(--cl-maya); | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .cp__themes-installed>.it { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack); | |
| } | |
| .dark-theme .cp__themes-installed>.it, html[data-theme=dark] .cp__themes-installed>.it { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-white); | |
| } | |
| .tippy-popper[x-placement^=bottom] [x-arrow] { | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .dark-theme .tippy-popper[x-placement^=bottom] [x-arrow], html[data-theme=dark] .tippy-popper[x-placement^=bottom] [x-arrow] { | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .tippy-popper[x-placement^=left] [x-arrow] { | |
| border-top: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .dark-theme .tippy-popper[x-placement^=left] [x-arrow], html[data-theme=dark] .tippy-popper[x-placement^=left] [x-arrow] { | |
| border-top: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| } | |
| .tippy-popper[x-placement^=right] [x-arrow] { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| } | |
| .dark-theme .tippy-popper[x-placement^=right] [x-arrow], html[data-theme=dark] .tippy-popper[x-placement^=right] [x-arrow] { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| } | |
| .tippy-popper[x-placement^=top] [x-arrow] { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-left: transparent; | |
| } | |
| .dark-theme .tippy-popper[x-placement^=top] [x-arrow], html[data-theme=dark] .tippy-popper[x-placement^=top] [x-arrow] { | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-left: transparent; | |
| } | |
| .tippy-tooltip { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-iron); | |
| border-right: 1px solid var(--cl-iron); | |
| border-bottom: 1px solid var(--cl-iron); | |
| border-left: 1px solid var(--cl-iron); | |
| border-radius: 8px; | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .dark-theme .tippy-tooltip, html[data-theme=dark] .tippy-tooltip { | |
| background-color: var(--cl-nero); | |
| border-top: 1px solid var(--cl-dark); | |
| border-right: 1px solid var(--cl-dark); | |
| border-bottom: 1px solid var(--cl-dark); | |
| border-left: 1px solid var(--cl-dark); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| --webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .tippy-tooltip h2 { | |
| border-bottom: transparent; | |
| color: var(--cl-fadedblack); | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-size: 1rem; | |
| font-style: ; | |
| font-weight: ; | |
| } | |
| .dark-theme .tippy-tooltip h2, html[data-theme=dark] .tippy-tooltip h2 { | |
| border-bottom: transparent; | |
| color: var(--cl-white); | |
| } | |
| .tippy-wrapper::-webkit-scrollbar-track { | |
| background-color: var(--cl-white)!important; | |
| } | |
| .dark-theme .tippy-wrapper::-webkit-scrollbar-track, html[data-theme=dark] .tippy-wrapper::-webkit-scrollbar-track { | |
| background-color: var(--cl-nero)!important; | |
| } | |
| .tippy-wrapper::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-white); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .tippy-wrapper::-webkit-scrollbar-thumb, html[data-theme=dark] .tippy-wrapper::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .tippy-wrapper { | |
| background-color: transparent; | |
| border-radius: 5px; | |
| color: var(--cl-fadedblack)!important; | |
| font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;; | |
| font-weight: !important; | |
| } | |
| .dark-theme .tippy-wrapper, html[data-theme=dark] .tippy-wrapper { | |
| background-color: transparent; | |
| color: var(--cl-white)!important; | |
| } | |
| #head .button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| border-radius: none; | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme #head .button, html[data-theme=dark] #head .button { | |
| background-color: transparent; | |
| border-top: transparent; | |
| border-right: transparent; | |
| border-bottom: transparent; | |
| border-left: transparent; | |
| color: var(--cl-steel); | |
| } | |
| #head .button:hover { | |
| color: var(--cl-cornblue); | |
| opacity: ; | |
| } | |
| .dark-theme #head .button:hover, html[data-theme=dark] #head .button:hover { | |
| color: var(--cl-maya); | |
| } | |
| #head a.button:hover .ti { | |
| color: var(--cl-cornblue); | |
| } | |
| .dark-theme #head a.button:hover .ti, html[data-theme=dark] #head a.button:hover .ti { | |
| color: var(--cl-maya); | |
| } | |
| #head a.button .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme #head a.button .ti, html[data-theme=dark] #head a.button .ti { | |
| color: var(--cl-steel); | |
| } | |
| #head a.button:hover { | |
| background-color: transparent; | |
| opacity: 1; | |
| } | |
| .dark-theme #head a.button:hover, html[data-theme=dark] #head a.button:hover { | |
| background-color: transparent; | |
| } | |
| #head a.button { | |
| background-color: transparent; | |
| opacity: 1; | |
| } | |
| .dark-theme #head a.button, html[data-theme=dark] #head a.button { | |
| background-color: transparent; | |
| } | |
| .theme-inner:not(.ls-left-sidebar-open) a#left-menu:hover .ti, .theme-inner:not(.ls-left-sidebar-open) a#search-button:hover .ti { | |
| color: var(--cl-cornblue)!important; | |
| } | |
| .dark-theme *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu:hover .ti, .theme-inner:not(.ls-left-sidebar-open) a#search-button:hover .ti), html[data-theme=dark] *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu:hover .ti, .theme-inner:not(.ls-left-sidebar-open) a#search-button:hover .ti) { | |
| color: var(--cl-maya)!important; | |
| } | |
| .theme-inner:not(.ls-left-sidebar-open) a#left-menu .ti, .theme-inner:not(.ls-left-sidebar-open) a#search-button .ti { | |
| color: var(--cl-aluminium)!important; | |
| } | |
| .dark-theme *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu .ti, .theme-inner:not(.ls-left-sidebar-open) a#search-button .ti), html[data-theme=dark] *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu .ti, .theme-inner:not(.ls-left-sidebar-open) a#search-button .ti) { | |
| color: var(--cl-steel)!important; | |
| } | |
| .theme-inner:not(.ls-left-sidebar-open) a#left-menu:hover, .theme-inner:not(.ls-left-sidebar-open) a#search-button:hover { | |
| background-color: transparent; | |
| opacity: 1; | |
| } | |
| .dark-theme *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu:hover, .theme-inner:not(.ls-left-sidebar-open) a#search-button:hover), html[data-theme=dark] *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu:hover, .theme-inner:not(.ls-left-sidebar-open) a#search-button:hover) { | |
| background-color: transparent; | |
| } | |
| .theme-inner:not(.ls-left-sidebar-open) a#left-menu, .theme-inner:not(.ls-left-sidebar-open) a#search-button { | |
| background-color: transparent; | |
| opacity: 1; | |
| } | |
| .dark-theme *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu, .theme-inner:not(.ls-left-sidebar-open) a#search-button), html[data-theme=dark] *:is(.theme-inner:not(.ls-left-sidebar-open) a#left-menu, .theme-inner:not(.ls-left-sidebar-open) a#search-button) { | |
| background-color: transparent; | |
| } | |
| .ls-left-sidebar-open a#left-menu:hover .ti, .ls-left-sidebar-open a#search-button:hover .ti { | |
| color: var(--cl-cornblue); | |
| } | |
| .dark-theme *:is(.ls-left-sidebar-open a#left-menu:hover .ti, .ls-left-sidebar-open a#search-button:hover .ti), html[data-theme=dark] *:is(.ls-left-sidebar-open a#left-menu:hover .ti, .ls-left-sidebar-open a#search-button:hover .ti) { | |
| color: var(--cl-maya); | |
| } | |
| .ls-left-sidebar-open a#left-menu .ti, .ls-left-sidebar-open a#search-button .ti { | |
| color: var(--cl-aluminium); | |
| } | |
| .dark-theme *:is(.ls-left-sidebar-open a#left-menu .ti, .ls-left-sidebar-open a#search-button .ti), html[data-theme=dark] *:is(.ls-left-sidebar-open a#left-menu .ti, .ls-left-sidebar-open a#search-button .ti) { | |
| color: var(--cl-steel); | |
| } | |
| .ls-left-sidebar-open a#left-menu:hover, .ls-left-sidebar-open a#search-button:hover { | |
| background-color: transparent; | |
| opacity: 1; | |
| } | |
| .dark-theme *:is(.ls-left-sidebar-open a#left-menu:hover, .ls-left-sidebar-open a#search-button:hover), html[data-theme=dark] *:is(.ls-left-sidebar-open a#left-menu:hover, .ls-left-sidebar-open a#search-button:hover) { | |
| background-color: transparent; | |
| } | |
| .ls-left-sidebar-open a#left-menu, .ls-left-sidebar-open a#search-button { | |
| background-color: transparent; | |
| opacity: 1; | |
| } | |
| .dark-theme *:is(.ls-left-sidebar-open a#left-menu, .ls-left-sidebar-open a#search-button), html[data-theme=dark] *:is(.ls-left-sidebar-open a#left-menu, .ls-left-sidebar-open a#search-button) { | |
| background-color: transparent; | |
| } | |
| .ui__modal-panel button:hover { | |
| background-color: var(--cl-cornblue); | |
| border-top: 1px solid var(--cl-cornblue); | |
| border-right: 1px solid var(--cl-cornblue); | |
| border-bottom: 1px solid var(--cl-cornblue); | |
| border-left: 1px solid var(--cl-cornblue); | |
| border-radius: 1 s cornblue; | |
| color: var(--cl-white); | |
| opacity: ; | |
| } | |
| .dark-theme .ui__modal-panel button:hover, html[data-theme=dark] .ui__modal-panel button:hover { | |
| background-color: var(--cl-maya); | |
| border-top: 1px solid var(--cl-maya); | |
| border-right: 1px solid var(--cl-maya); | |
| border-bottom: 1px solid var(--cl-maya); | |
| border-left: 1px solid var(--cl-maya); | |
| color: var(--cl-white); | |
| } | |
| .ui__modal-panel button { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| opacity: ; | |
| } | |
| .dark-theme .ui__modal-panel button, html[data-theme=dark] .ui__modal-panel button { | |
| background-color: var(--cl-chicago); | |
| border-top: 1px solid var(--cl-jungle); | |
| border-right: 1px solid var(--cl-jungle); | |
| border-bottom: 1px solid var(--cl-jungle); | |
| border-left: 1px solid var(--cl-jungle); | |
| color: var(--cl-white); | |
| } | |
| .ui__modal-close:hover svg { | |
| color: var(--cl-cornblue); | |
| opacity: 1; | |
| } | |
| .dark-theme .ui__modal-close:hover svg, html[data-theme=dark] .ui__modal-close:hover svg { | |
| color: var(--cl-maya); | |
| } | |
| .ui__modal-close svg { | |
| color: var(--cl-aluminium); | |
| opacity: 1; | |
| } | |
| .dark-theme .ui__modal-close svg, html[data-theme=dark] .ui__modal-close svg { | |
| color: var(--cl-steel); | |
| } | |
| .ui__modal-panel .panel-content::-webkit-scrollbar-track { | |
| background-color: var(--cl-whitesmoke); | |
| } | |
| .dark-theme .ui__modal-panel .panel-content::-webkit-scrollbar-track, html[data-theme=dark] .ui__modal-panel .panel-content::-webkit-scrollbar-track { | |
| background-color: var(--cl-bunker); | |
| } | |
| .ui__modal-panel .panel-content::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-fadedwhite); | |
| border-radius: 5px; | |
| } | |
| .dark-theme .ui__modal-panel .panel-content::-webkit-scrollbar-thumb, html[data-theme=dark] .ui__modal-panel .panel-content::-webkit-scrollbar-thumb { | |
| background-color: var(--cl-gray); | |
| } | |
| .ui__toggle .wrapper[aria-checked='true'] { | |
| background-color: var(--cl-denim); | |
| } | |
| .dark-theme .ui__toggle .wrapper[aria-checked='true'], html[data-theme=dark] .ui__toggle .wrapper[aria-checked='true'] { | |
| background-color: var(--cl-france); | |
| } | |
| .ui__toggle .wrapper[aria-checked='false'] { | |
| background-color: var(--cl-aluminium); | |
| } | |
| .dark-theme .ui__toggle .wrapper[aria-checked='false'], html[data-theme=dark] .ui__toggle .wrapper[aria-checked='false'] { | |
| background-color: var(--cl-steel); | |
| } | |
| .zotero-settings .form-input { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme .zotero-settings .form-input, html[data-theme=dark] .zotero-settings .form-input { | |
| background-color: var(--cl-jungle); | |
| border-top: 1px solid var(--cl-ship); | |
| border-right: 1px solid var(--cl-ship); | |
| border-bottom: 1px solid var(--cl-ship); | |
| border-left: 1px solid var(--cl-ship); | |
| color: var(--cl-white); | |
| } | |
| .zotero-settings .form-select { | |
| background-color: var(--cl-white); | |
| border-top: 1px solid var(--cl-lilac); | |
| border-right: 1px solid var(--cl-lilac); | |
| border-bottom: 1px solid var(--cl-lilac); | |
| border-left: 1px solid var(--cl-lilac); | |
| border-radius: 5px; | |
| color: var(--cl-bunker); | |
| } | |
| .dark-theme .zotero-settings .form-select, html[data-theme=dark] .zotero-settings .form-select { | |
| background-color: var(--cl-jungle); | |
| border-top: 1px solid var(--cl-ship); | |
| border-right: 1px solid var(--cl-ship); | |
| border-bottom: 1px solid var(--cl-ship); | |
| border-left: 1px solid var(--cl-ship); | |
| color: var(--cl-white); | |
| } | |
| /* Fixes for command palette and search */ | |
| .cp__palette-main .chosen { | |
| background: transparent; | |
| } | |
| .cp__palette a.menu-link code { | |
| line-height: 24px; | |
| } | |
| .cp__palette-main a.menu-link span { | |
| line-height: 30px; | |
| } | |
| .cp__palette-main .recent-search > div { | |
| opacity: 1 !important; | |
| } | |
| .cp__palette-main .command-results-wrap > div > div > div, | |
| .cp__palette-main .search-results-wrap > div > div > div { | |
| margin-left: 8px; | |
| margin-right: 8px; | |
| } | |
| .ui__modal-panel { | |
| background: transparent !important; | |
| border-radius: 10px; | |
| } | |
| /* Hide first, empty item on graph dropdown */ | |
| .left-sidebar-inner .dropdown-wrapper > div > a:first-child { | |
| display: none; | |
| } | |
| .cp__sidebar-left-layout:before { | |
| background: transparent; | |
| } | |
| .cp__sidebar-left-layout .ti { | |
| font-size: 16px !important; | |
| } | |
| /* Remove animation from links */ | |
| a { | |
| transition: none; | |
| } | |
| .absolute-modal #ui__ac { | |
| margin-right: 0.25rem; | |
| margin-top: 0.25rem; | |
| margin-bottom: 0.25rem; | |
| } | |
| .scrollbar-spacing, | |
| .tippy-wrapper, | |
| #main-container, | |
| .cp__palette-main .command-results-wrap, | |
| .cp__palette-main .search-results-wrap > div:first-child { | |
| margin-right: 0.25rem; | |
| } | |
| .scrollbar-spacing #main-container, | |
| .tippy-wrapper { | |
| margin-top: 0.25rem; | |
| margin-bottom: 0.25rem; | |
| } | |
| #custom-context-menu, | |
| .absolute-modal #ui__ac #ui__ac-inner { | |
| padding: 0.25rem; | |
| } | |
| /* Fix Dropdown Wrapper inner margin */ | |
| .dropdown-wrapper > div { | |
| margin-left: 0.25rem; | |
| margin-right: 0.25rem; | |
| } | |
| /* Fix margins for favorite and recent items */ | |
| .cp__sidebar-left-layout .recent ul .recent-item a, | |
| .cp__sidebar-left-layout .favorites ul .favorite-item a { | |
| margin-left: 8px; | |
| margin-right: 8px; | |
| padding-top: 4px; | |
| padding-bottom: 4px; | |
| } | |
| .left-sidebar-inner .nav-content-item > .bd ul a { | |
| width: unset; | |
| } | |
| .cp__sidebar-left-layout .recent ul .recent-item a, | |
| .cp__sidebar-left-layout .favorites ul .favorite-item a, | |
| .nav-header .py-2 { | |
| padding-top: 0.4em; | |
| padding-bottom: 0.4em; | |
| } | |
| /* Align Icons on left sidebar */ | |
| .cp__sidebar-left-layout nav[aria-label="Sidebar"] div.relative a, | |
| .cp__sidebar-left-layout .nav-header > div a { | |
| align-items: center; | |
| } | |
| .left-sidebar-inner a.item > span, | |
| .cp__sidebar-left-layout nav[aria-label="Sidebar"] div.relative a span { | |
| margin-top: 0px; | |
| } | |
| .white-theme .form-checkbox:checked, | |
| html[data-theme="light"] .form-checkbox:checked { | |
| background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23555555' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); | |
| } | |
| a.tag { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| } | |
| .custom-query .content { | |
| margin-top: 0px; | |
| margin-left: 0px; | |
| } | |
| .custom-query .initial { | |
| padding: 5px; | |
| } | |
| .custom-query-title { | |
| margin-top: 5px; | |
| } | |
| .references .content .color-level { | |
| padding-left: 0.5em; | |
| padding-right: 0.5em; | |
| } | |
| .transition { | |
| transition: none; | |
| } | |
| .tippy-tooltip { | |
| -webkit-font-smoothing: unset; | |
| } | |
| .cp__palette .search-item { | |
| align-items: center; | |
| } | |
| .cp__right-sidebar a { | |
| opacity: 1; | |
| } | |
| .svg-shadow { | |
| filter: none; | |
| --webkit-filter: none; | |
| } | |
| *:is(h1, h2, h3, h4, h5, h6) input { | |
| font-weight: inherit !important; | |
| } | |
| .graph-filters .shadow-xl { | |
| box-shadow: none; | |
| --webkit-box-shadow: none; | |
| } | |
| a.tag { | |
| margin-top: 2px; | |
| } | |
| .cp__sidebar-main-layout { | |
| background: transparent; | |
| } | |
| .block-control, | |
| .block-control:hover { | |
| min-height: unset; | |
| } | |
| @media (min-width: 640px) .sm\:mr-2 { | |
| margin-right: 8px; | |
| } | |
| .block-children-left-border { | |
| width: 2px; | |
| left: 0px; | |
| } | |
| .block-children-left-border:hover { | |
| width: 4px; | |
| left: -1px; | |
| } | |
| body, textarea { | |
| line-height: 1.6; | |
| } | |
| /* Fixes for bullet threading plugin */ | |
| .block-children-left-border { | |
| z-index: 0; | |
| } | |
| .ls-block:not(:focus-within) > .items-baseline { | |
| align-items: self-end!important; | |
| } | |
| .ls-block > .items-baseline { | |
| align-items: self-end!important; | |
| } | |
| .left-sidebar-inner .nav-content-item .bd ul a { | |
| width: unset; | |
| } | |
| .ls-block div.items-center { | |
| align-items: center; | |
| } | |
| i.ti { | |
| transform: none; | |
| } | |
| /* Remove tailwind formattings */ | |
| .text-sm { | |
| font-size: 1em; | |
| } | |
| /* ------- */ | |
| /* Menus */ | |
| /* ------- */ | |
| /* Add padding around menus */ | |
| .dropdown-wrapper, | |
| #custom-context-menu { | |
| padding: 4px; | |
| } | |
| .dropdown-wrapper .py-2, | |
| #custom-context-menu .py-2, | |
| #left-sidebar .py-2 { | |
| padding-top: 0.4rem; | |
| padding-bottom: 0.4rem; | |
| } | |
| /* Left Sidebar */ | |
| .left-sidebar-inner #repo-name { | |
| padding-top: 1px; | |
| padding-bottom: 1px; | |
| } | |
| blockquote { | |
| margin-top: -28px !important; | |
| } | |
| blockquote:before { | |
| content: ">"; | |
| margin-left: -16px; | |
| top: 20px; | |
| position: relative; | |
| } | |
| *:is(#main-content-container, #right-sidebar, .tippy-tooltip, .ls-card).page-reference[data-ref="card"].tag, | |
| *:is(#main-content-container, #right-sidebar, .tippy-tooltip, .ls-card) | |
| a[data-ref="card"].tag { | |
| display: none; | |
| } | |
| .ui__modal-panel { | |
| background: transparent !important; | |
| border-radius: 5px; | |
| } | |
| .text-sm { | |
| font-size: 1rem; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment