diff --git a/ocean-dark.css b/ocean-dark.css index 50cbe2d..c2ef54d 100644 --- a/ocean-dark.css +++ b/ocean-dark.css @@ -135,20 +135,6 @@ This theme inspired by and meant to be paired with the KDE Plasma theme Ant Dark --header-font-family: Jost, sans-serif; --code-select-gray: #253749; --table-header-gray: #30363B; - - --cherry-red: #eb3247; /*red*/ - --code-comment: #6573aa; /*dark-grey*/ - --code-tag: #94f700; /*green*/ - --code-string: #c2a325; /*yellow*/ - --code-number: #94c800; /*light-green*/ - --code-pseudo: #fad32f; /*brown*/ - --code-class: #5e32ff; /*light-blue*/ - --code-keyword: #f35645; /*light-red*/ - --code-meta: #5294e2; /*cyan*/ - --code-def: #00c1e4; /*light-cyan*/ - --code-var: #0066ff; /*blue*/ - --code-builtin: #ef11ff; /*purple*/ - --code-attribute: #c50ed2; /*light-purple*/ } @@ -293,7 +279,7 @@ html { } .note-tab[active] div.note-tab-close.bx.bx-x:hover { background: transparent; - color: var(--cherry-red); + color: var(--red); } /*fixes the issue of not being able to access widgets in the top bar*/ @@ -460,7 +446,7 @@ li label { border-color: var(--background-gray); } .ck-content .todo-list .todo-list__label > input:not([checked]):before, .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:not([checked]):before { - border: 1px solid var(--cherry-red) !important; + border: 1px solid var(--red) !important; } /***italics and quotes***/ @@ -788,7 +774,7 @@ div.backlinks-items div:hover { } .close-floating-buttons-button:hover { border: none !important; - color: var(--cherry-red) !important; + color: var(--red) !important; } @@ -974,34 +960,34 @@ NOTE: comments for this section are for how they appear in CSS code notes unless } /***general elements***/ -.cm-s-default .cm-atom {color: var(--code-number);} /*fonts and colors (code not words)*/ -.cm-s-default .cm-def {color: var(--code-def);} /*@ and class definitions (php)*/ -.cm-s-default .cm-qualifier {color: var(--code-class);} /*class*/ -.cm-s-default .cm-builtin {color: var(--code-builtin);} /*id-selectors*/ -.cm-s-default .cm-tag {color: var(--code-tag);} /*html tags*/ -.cm-s-default .cm-meta {color: var(--code-meta);} /*meta (browser compatability) tags*/ -.cm-s-default .cm-comment {color: var(--code-comment);} /*comments*/ -.cm-s-default .cm-number {color: var(--code-number);} /*numbers including units, not including color codes*/ -.cm-s-default .cm-keyword {color: var(--code-keyword);} /*color names and keywords*/ -.cm-s-default .cm-attribute {color: var(--code-attribute);} /*print keyword*/ +.cm-s-default .cm-atom {color: var(--light-green);} /*fonts and colors (code not words)*/ +.cm-s-default .cm-def {color: var(--light-cyan);} /*@ and class definitions (php)*/ +.cm-s-default .cm-qualifier {color: var(--light-blue);} /*class*/ +.cm-s-default .cm-builtin {color: var(--purple);} /*id-selectors*/ +.cm-s-default .cm-tag {color: var(--green);} /*html tags*/ +.cm-s-default .cm-meta {color: var(--cyan);} /*meta (browser compatability) tags*/ +.cm-s-default .cm-comment {color: var(--dark-grey);} /*comments*/ +.cm-s-default .cm-number {color: var(--light-green);} /*numbers including units, not including color codes*/ +.cm-s-default .cm-keyword {color: var(--light-red);} /*color names and keywords*/ +.cm-s-default .cm-attribute {color: var(--light-purple);} /*print keyword*/ /***variables***/ .cm-s-default .cm-punctuation, .cm-s-default .cm-operator {} -.cm-s-default .cm-property{color: var(--code-attribute);} -.cm-s-default .cm-variable, .cm-s-default .cm-variable-2 {color: var(--code-var);} /*custom properties and php variables*/ -.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: var(--code-pseudo);} /*pseudo elements and classes*/ +.cm-s-default .cm-property{color: var(--light-purple);} +.cm-s-default .cm-variable, .cm-s-default .cm-variable-2 {color: var(--blue);} /*custom properties and php variables*/ +.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: var(--brown);} /*pseudo elements and classes*/ /***strings***/ -.cm-s-default .cm-string {color: var(--code-string);} -.cm-s-default .cm-string-2 {color: var(--code-string);} /*Regex and strings that can contain other strings*/ +.cm-s-default .cm-string {color: var(--yellow);} +.cm-s-default .cm-string-2 {color: var(--yellow);} /*Regex and strings that can contain other strings*/ /***brackets and parentheses***/ div.CodeMirror span.CodeMirror-matchingbracket {color: #92D652;} -div.CodeMirror span.CodeMirror-nonmatchingbracket {color: var(--cherry-red);} +div.CodeMirror span.CodeMirror-nonmatchingbracket {color: var(--red);} /***code errors***/ -.cm-s-default .cm-error {color: var(--cherry-red);} -.cm-invalidchar {color: var(--cherry-red);} +.cm-s-default .cm-error {color: var(--red);} +.cm-invalidchar {color: var(--red);} /*****ADDONS*****/ @@ -1019,40 +1005,40 @@ code.hljs { color: yellow !important; } .hljs-number { - color: var(--code-number) !important; + color: var(--light-green) !important; } .hljs-selector-class { - color: var(--code-class) !important; + color: var(--light-blue) !important; } .hljs-selector-pseudo { - color: var(--code-pseudo) !important; + color: var(--brown) !important; } .hljs-keyword { - color: var(--code-keyword) !important; + color: var(--light-red) !important; } .hljs-meta { - color: var(--code-meta) !important; + color: var(--cyan) !important; } .hljs-title,.hljs-property { - color: var(--code-def) !important; + color: var(--light-cyan) !important; } .hljs-variable,.hljs-params,.hljs-subst { - color: var(--code-var) !important; + color: var(--blue) !important; } .hljs-comment,.hljs-quote { - color: var(--code-comment) !important; + color: var(--dark-grey) !important; } .hljs-name,.hljs-selector-tag,.hljs-tag,.hljs-deletion,.hljs-selector-attr { - color: var(--code-tag) !important; + color: var(--green) !important; } .hljs-attribute { - color: var(--code-attribute) !important; + color: var(--light-purple) !important; } .hljs-addition,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-type { - color: var(--code-string) !important; + color: var(--yellow) !important; } .hljs-built_in { - color: var(--code-builtin) !important; + color: var(--purple) !important; } .hljs-doctag,.hljs-attr,.hljs-bullet,.hljs-link,.hljs-symbol { color: var(--soft-sea-green) !important;