diff --git a/src/features/soil-editor/SoilTextEditor/styles.css b/src/features/soil-editor/SoilTextEditor/styles.css index 01ee30c48884db95d966b8012ce43440513f5b08..de66e2267b519db895589f7c606e5494f6055adb 100644 --- a/src/features/soil-editor/SoilTextEditor/styles.css +++ b/src/features/soil-editor/SoilTextEditor/styles.css @@ -76,6 +76,8 @@ body { /* Syntax highlighting */ + + .token.comment, .token.prolog, .token.doctype, @@ -91,26 +93,29 @@ body { opacity: 0.7; } -.token.property, -.token.tag, -.token.constant, -.token.deleted { +.light-theme .token.property, +.light-theme .token.tag, +.light-theme .token.constant, +.light-theme .token.deleted { color: #00549F; } -.dark-theme .token.modifier, -.dark-theme .token.datatype { - color: #89CCCF +.dark-theme .token.property, +.dark-theme .token.tag, +.dark-theme .token.constant, +.dark-theme .token.deleted { + color: #8EBAE5; } + .light-theme .token.modifier, .light-theme .token.datatype { color: #0098A1 } -.dark-theme .token.boolean, -.dark-theme .token.number { - color: #6190c2 +.dark-theme .token.modifier, +.dark-theme .token.datatype { + color: #89CCCF } .light-theme .token.boolean, @@ -118,31 +123,46 @@ body { color: #612158 } -.dark-theme .token.event { - color: #e748a5 +.dark-theme .token.boolean, +.dark-theme .token.number { + color: #A8859E } -.dark-theme .token.warning { - color: #bb1818 +.light-theme .token.event { + color: #E30066 +} + +.dark-theme .token.event { + color: #F19EB1 } .light-theme .token.warning { - color: #bb1818 + color: #CC071E } -.light-theme .token.event { - color: #E30066 +.dark-theme .token.warning { + color: #E69679 } + + + + .token.selector, .token.attr-name, -.token.string, +.light-theme .token.string, .token.char, .token.builtin, .token.inserted { color: #57AB27; } +.dark-theme .token.string +{ + color: #B8D698; +} + + /* .token.operator, */ .token.entity, .token.url, @@ -153,10 +173,14 @@ body { .token.atrule, .token.attr-value, -.token.keyword { +.light-theme .token.keyword { color: #F6A800; } +.dark-theme .token.keyword { + color: #FDD48F; +} + .token.function { color: #f44336; } @@ -167,15 +191,24 @@ body { color: #ff9800; } -.token.prefix-link { +.light-theme .token.prefix-link { color: #006165; } -.token.semantics, -.token.prefix { +.dark-theme .token.prefix-link { + color: #7DA4A7; +} + +.light-theme .token.semantics, +.light-theme .token.prefix { color: #A11035; } +.dark-theme .token.semantics, +.dark-theme .token.prefix { + color: #CD8B87; +} + .token.important, .token.bold { font-weight: bold; @@ -206,8 +239,8 @@ body { .editor .editorLineNumber { position: absolute; left: 0px; - color: #646567; + color: #9C9E9F; text-align: right; width: 40px; font-weight: 100; -} \ No newline at end of file +}