Last active
March 13, 2023 04:24
-
-
Save techygrrrl/64f0bb7ae40ed6978a3655e386661554 to your computer and use it in GitHub Desktop.
TAU Dark Mode
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
| // ==UserScript== | |
| // @name TAU Dark Mode | |
| // @namespace Violentmonkey Scripts | |
| // @match http://localhost:8000/* | |
| // @grant none | |
| // @version 1.0 | |
| // @author techygrrrl | |
| // @description 3/12/2023, 8:17:27 PM | |
| // ==/UserScript== | |
| const css = ` | |
| :root { | |
| color-scheme: dark; | |
| } | |
| body { | |
| background-color: #1d242c; | |
| color: white; | |
| } | |
| h1 { | |
| color: white; | |
| } | |
| a { | |
| color: #2196f3; | |
| } | |
| .layout-top-bar { | |
| border-color: transparent; | |
| } | |
| .p-panel .p-panel-content, | |
| .p-datatable .p-datatable-tbody>tr, | |
| .p-datatable .p-datatable-footer, .p-datatable .p-datatable-thead>tr>th, | |
| .p-accordion .p-accordion-header .p-accordion-header-link { | |
| background: #26303b; | |
| color: white; | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .p-accordion .p-accordion-content { | |
| background: #26303b; | |
| color: white; | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link, | |
| .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link, | |
| .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { | |
| background: #2e3a48; | |
| color: white; | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .p-datatable .p-datatable-tbody>tr>td { | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .p-panel .p-panel-header { | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n) { | |
| background: #2e3a48; | |
| } | |
| table, tr, td { | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| .p-panel.dark-header .p-panel-header { | |
| background-color: #323f4d !important; | |
| } | |
| .p-inputswitch .p-inputswitch-slider { | |
| background-color: #1d242c; | |
| } | |
| .p-inputswitch .p-inputswitch-slider:before { | |
| background-color: #425366; | |
| } | |
| .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { | |
| background-color: #1d242c; | |
| } | |
| .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { | |
| background-color: #617b98; | |
| } | |
| .p-chip { | |
| background-color: #405064; | |
| color: white; | |
| } | |
| /* Code blocks */ | |
| code[class*=language-], pre[class*=language-] { | |
| text-shadow: none; | |
| } | |
| .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { | |
| background: inherit; | |
| } | |
| /* Tomorrow Night /* | |
| /* PrismJS 1.29.0 | |
| https://prismjs.com/download.html#themes=prism-tomorrow&languages=css */ | |
| /* | |
| code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} | |
| */ | |
| /* Okaida */ | |
| /* PrismJS 1.29.0 | |
| https://prismjs.com/download.html#themes=prism-okaidia&languages=css */ | |
| /* | |
| code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} | |
| */ | |
| /* | |
| Name: Duotone Sea | |
| Author: by Simurai, adapted from DuoTone themes by Simurai for Atom (http://simurai.com/projects/2016/01/01/duotone-themes) | |
| Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-sea-dark.css) | |
| Generated with Base16 Builder (https://github.com/base16-builder/base16-builder) | |
| */ | |
| /* | |
| code[class*="language-"], pre[class*="language-"] { font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; font-size: 14px; line-height: 1.375; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; background: #1d262f; color: #57718e; } pre > code[class*="language-"] { font-size: 1em; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: #004a9e; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: #004a9e; } pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #4a5f78; } .token.punctuation { color: #4a5f78; } .token.namespace { opacity: .7; } .token.tag, .token.operator, .token.number { color: #0aa370; } .token.property, .token.function { color: #57718e; } .token.tag-id, .token.selector, .token.atrule-id { color: #ebf4ff; } code.language-javascript, .token.attr-name { color: #7eb6f6; } code.language-css, code.language-scss, .token.boolean, .token.string, .token.entity, .token.url, .language-css .token.string, .language-scss .token.string, .style .token.string, .token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit, .token.statement, .token.regex, .token.atrule { color: #47ebb4; } .token.placeholder, .token.variable { color: #47ebb4; } .token.deleted { text-decoration: line-through; } .token.inserted { border-bottom: 1px dotted #ebf4ff; text-decoration: none; } .token.italic { font-style: italic; } .token.important, .token.bold { font-weight: bold; } .token.important { color: #7eb6f6; } .token.entity { cursor: help; } pre > code.highlight { outline: .4em solid #34659d; outline-offset: .4em; } .line-numbers.line-numbers .line-numbers-rows { border-right-color: #1f2932; } .line-numbers .line-numbers-rows > span:before { color: #2c3847; } .line-highlight.line-highlight { background: rgba(10, 163, 112, 0.2); background: -webkit-linear-gradient(left, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0)); background: linear-gradient(to right, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0)); } | |
| */ | |
| /* | |
| * Synthwave '84 Theme originally by Robb Owen [@Robb0wen] for Visual Studio Code | |
| * Demo: https://marc.dev/demo/prism-synthwave84 | |
| * | |
| * Ported for PrismJS by Marc Backes [@themarcba] | |
| */ | |
| /* | |
| code[class*="language-"], pre[class*="language-"] { color: #f92aad; text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background-color: transparent !important; background-image: linear-gradient(to bottom, #2a2139 75%, #34294f); } :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata { color: #8e8e8e; } .token.punctuation { color: #ccc; } .token.tag, .token.attr-name, .token.namespace, .token.number, .token.unit, .token.hexcode, .token.deleted { color: #e2777a; } .token.property, .token.selector { color: #72f1b8; text-shadow: 0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475; } .token.function-name { color: #6196cc; } .token.boolean, .token.selector .token.id, .token.function { color: #fdfdfd; text-shadow: 0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975; } .token.class-name { color: #fff5f6; text-shadow: 0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75; } .token.constant, .token.symbol { color: #f92aad; text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3; } .token.important, .token.atrule, .token.keyword, .token.selector .token.class, .token.builtin { color: #f4eee4; text-shadow: 0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575; } .token.string, .token.char, .token.attr-value, .token.regex, .token.variable { color: #f87c32; } .token.operator, .token.entity, .token.url { color: #67cdcc; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.inserted { color: green; } | |
| */ | |
| /** | |
| * Nord Theme Originally by Arctic Ice Studio | |
| * https://nordtheme.com | |
| * | |
| * Ported for PrismJS by Zane Hitchcoxc (@zwhitchcox) and Gabriel Ramos (@gabrieluizramos) | |
| */ | |
| /* | |
| code[class*="language-"], pre[class*="language-"] { color: #f8f8f2; background: none; font-family: "Fira Code", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #2E3440; } :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #636f88; } .token.punctuation { color: #81A1C1; } .namespace { opacity: .7; } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #81A1C1; } .token.number { color: #B48EAD; } .token.boolean { color: #81A1C1; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #A3BE8C; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #81A1C1; } .token.atrule, .token.attr-value, .token.function, .token.class-name { color: #88C0D0; } .token.keyword { color: #81A1C1; } .token.regex, .token.important { color: #EBCB8B; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } | |
| */ | |
| /* | |
| Material Oceanic | |
| https://github.com/PrismJS/prism-themes/blob/master/themes/prism-material-oceanic.css | |
| */ | |
| code[class*="language-"], pre[class*="language-"] { text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; color: #c3cee3; background: #263238; font-family: Roboto Mono, monospace; font-size: 1em; line-height: 1.5em; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } code[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection, pre[class*="language-"] ::-moz-selection { background: #363636; } code[class*="language-"]::selection, pre[class*="language-"]::selection, code[class*="language-"] ::selection, pre[class*="language-"] ::selection { background: #363636; } :not(pre) > code[class*="language-"] { white-space: normal; border-radius: 0.2em; padding: 0.1em; } pre[class*="language-"] { overflow: auto; position: relative; margin: 0.5em 0; padding: 1.25em 1em; } .language-css > code, .language-sass > code, .language-scss > code { color: #fd9170; } [class*="language-"] .namespace { opacity: 0.7; } .token.atrule { color: #c792ea; } .token.attr-name { color: #ffcb6b; } .token.attr-value { color: #c3e88d; } .token.attribute { color: #c3e88d; } .token.boolean { color: #c792ea; } .token.builtin { color: #ffcb6b; } .token.cdata { color: #80cbc4; } .token.char { color: #80cbc4; } .token.class { color: #ffcb6b; } .token.class-name { color: #f2ff00; } .token.color { color: #f2ff00; } .token.comment { color: #546e7a; } .token.constant { color: #c792ea; } .token.deleted { color: #f07178; } .token.doctype { color: #546e7a; } .token.entity { color: #f07178; } .token.function { color: #c792ea; } .token.hexcode { color: #f2ff00; } .token.id { color: #c792ea; font-weight: bold; } .token.important { color: #c792ea; font-weight: bold; } .token.inserted { color: #80cbc4; } .token.keyword { color: #c792ea; font-style: italic; } .token.number { color: #fd9170; } .token.operator { color: #89ddff; } .token.prolog { color: #546e7a; } .token.property { color: #80cbc4; } .token.pseudo-class { color: #c3e88d; } .token.pseudo-element { color: #c3e88d; } .token.punctuation { color: #89ddff; } .token.regex { color: #f2ff00; } .token.selector { color: #f07178; } .token.string { color: #c3e88d; } .token.symbol { color: #c792ea; } .token.tag { color: #f07178; } .token.unit { color: #f07178; } .token.url { color: #fd9170; } .token.variable { color: #f07178; } | |
| `; | |
| const styleTag = document.createElement('style') | |
| styleTag.innerHTML = css; | |
| document.head.appendChild(styleTag) |
Author
techygrrrl
commented
Mar 13, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment