diff --git a/src/assets/plugins/codemirror/theme/material-darker-modified.css b/src/assets/plugins/codemirror/theme/material-darker-modified.css index 3669c9c..dc637b8 100644 --- a/src/assets/plugins/codemirror/theme/material-darker-modified.css +++ b/src/assets/plugins/codemirror/theme/material-darker-modified.css @@ -16,11 +16,16 @@ } .cm-s-material-darker .CodeMirror-guttermarker, -.cm-s-material-darker .CodeMirror-guttermarker-subtle, -.cm-s-material-darker .CodeMirror-linenumber { +.cm-s-material-darker .CodeMirror-guttermarker-subtle { color: #545454; } +.cm-s-material-darker .CodeMirror-linenumber { + text-shadow: 0px 1px 1px #4d4d4d; + color: #545454; + padding: 0 5px; +} + .cm-s-material-darker .CodeMirror-cursor { border-left: 1px solid #FFCC00; } diff --git a/src/assets/style/darkmode.css b/src/assets/style/darkmode.css index 2cd0cd8..b10f014 100644 --- a/src/assets/style/darkmode.css +++ b/src/assets/style/darkmode.css @@ -89,16 +89,12 @@ color: #e4e4e4; } -#options #customize .select2-results__option--selected { - background: #7d7f86; -} - #options #customize .select2-selection__choice { border: 1px solid #717171 } #options #customize .select2-dropdown { - background: #46474a; + background: #303133; color: #e4e4e4; border: 1px solid #565656; } @@ -107,6 +103,7 @@ background: #585958; } +#options #customize .select2-results__option--selected, #quickselect .select2-results__option--selected { background-color: #3e3e3e; } diff --git a/src/assets/style/options.css b/src/assets/style/options.css index 822c65f..11f77fd 100644 --- a/src/assets/style/options.css +++ b/src/assets/style/options.css @@ -709,6 +709,30 @@ li.CodeMirror-hint { outline: none; } +#options #customize .select2-results__option img { + max-width: 25px; + max-height: 25px; + vertical-align: middle; +} + +#options #customize .select2-results__option span { + vertical-align: middle; + margin-left: 5px; +} + +#options #customize .select2-results__option div { + color: #9e9e9e; + font-size: small; +} + +#options #customize .select2-results__option.select2-results__option--highlighted div { + color: #f1f1f1 +} + +#options #customize .select2-results>.select2-results__options { + max-height: 300px; +} + #options #customize .select2-selection--single:hover, #options #customize .select2-selection--multiple:hover { border-bottom-color: #9e9e9ec7;