Shadertoy Cyan-Dark by cyanslinky

@-moz-document url-prefix("https://www.shadertoy.com/") {
/* ==UserStyle==
@name           Shadertoy Cyan-Dark
@namespace      DarkShadertoy
@author         CyanSlinky
@description    `I made this because i was a bit tired of looking at the white on shadertoy, might be incomplete. feel free to edit anything and redistribute this style`
@version        2022.11.11.1
@license        CC0
*/

input[type=search]#mySearch {
    color: #537777;
    background-color: #081a1a;
    font-weight: bold;
}

body {
    color: #0e9f9f;
    background-image: linear-gradient(#143c3c, #0d1e1e);
    text-shadow: 2px 2px #00000045;
}

div#header {
    background-color: #195e5e;
}

div#player {
    filter: drop-shadow(0px 0px 4px #00000085);
}

.playerBar {
    background-color: #0f4646
}

/*
.uiButton {
    filter: invert(50%);
}
*/

.tab.selected {
    color: #0e9f9f;
    background-color: #144242;
    filter: drop-shadow(0px 0px 4px #00000047);
}

.tabAddSelect {
    filter: invert(50%);
}

.tab img.tabImage {
    filter: invert(50%);
}

.tabAddContainer {
    background-color: #0d1e1e
}

div#passManagerSeparator {
    background-color: #0b1e1e
}

div#editorHeaderBar {
    background-color: #081a1a
}

.CodeMirror {
    color: #537777;
    background-color: #081a1a
}

.cm-s-default .cm-comment {
    color: #68513a;
}

.cm-s-default .cm-keyword {
    color: #4a5e7b;
}

.cm-s-default .cm-builtin {
    color: #483477;
}

.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
    color: #537777;
    background-color: #081a1a
}

.CodeMirror-gutters {
    border-right: 1px solid #537777;
}

div#editorHeaderArrow {
    filter: invert(50%);
    /*-webkit-filter: invert(100%);*/
}

div#toolBar {
    background-color: #040d0d
}

.inputForm {
    background-color: #040d0d
}

.uiButtonNew {
   filter: invert(50%); 
}

.inputSelectorBar {
    background-color: #040d0d;
}
}