| themes <- list( | themes <- list( | ||||
| "Solarized" = "_solarized.scss", | "Solarized" = "_solarized.scss", | ||||
| "Nord" = "_nord.scss", | "Nord" = "_nord.scss", | ||||
| "Oceanic Plus" = "_oceanic-plus.scss" | |||||
| "Oceanic Plus" = "_oceanic-plus.scss", | |||||
| "One Light" = "_one-light.scss" | |||||
| ) | ) | ||||
| for (theme in names(themes)) { | for (theme in names(themes)) { |
| ## Palettes | ## Palettes | ||||
| <!-- --><!-- --><!-- --> | |||||
| <!-- --><!-- --><!-- --><!-- --> |
| /* rs-theme-is-dark: FALSE */ | /* rs-theme-is-dark: FALSE */ | ||||
| .ace_gutter { | .ace_gutter { | ||||
| background: #fafafa; | background: #fafafa; | ||||
| color: #9d9d9f; | |||||
| color: #9e9e9e; | |||||
| } | } | ||||
| .ace_print-margin { | .ace_print-margin { | ||||
| } | } | ||||
| .ace_marker-layer .ace_selection { | .ace_marker-layer .ace_selection { | ||||
| background: #e5e5e6; | |||||
| background: #e6e6e6; | |||||
| } | } | ||||
| .ace_marker-layer .ace_step { | .ace_marker-layer .ace_step { | ||||
| } | } | ||||
| .ace_marker-layer .ace_selected-word { | .ace_marker-layer .ace_selected-word { | ||||
| border: 1px solid #e5e5e6; | |||||
| border: 1px solid #e6e6e6; | |||||
| } | } | ||||
| .ace_marker-layer .ace_foreign_line { | .ace_marker-layer .ace_foreign_line { | ||||
| .ace_marker-layer .ace_find_line { | .ace_marker-layer .ace_find_line { | ||||
| position: absolute; | position: absolute; | ||||
| z-index: -1; | z-index: -1; | ||||
| background-color: #e5e5e6; | |||||
| background-color: #e6e6e6; | |||||
| } | } | ||||
| .ace_gutter-active-line { | .ace_gutter-active-line { | ||||
| } | } | ||||
| .ace_console_error { | .ace_console_error { | ||||
| background-color: #e5e5e6; | |||||
| background-color: #e6e6e6; | |||||
| } | } | ||||
| .ace_layer { | .ace_layer { | ||||
| .terminal .xterm-selection div { | .terminal .xterm-selection div { | ||||
| position: absolute; | position: absolute; | ||||
| background-color: #e5e5e6; | |||||
| background-color: #e6e6e6; | |||||
| } | } | ||||
| .terminal .xterm-viewport { | .terminal .xterm-viewport { |
| // Config ----------------------------------- | |||||
| $syntax-hue: 230; | |||||
| $syntax-saturation: 1%; | |||||
| $syntax-brightness: 98%; | |||||
| // Monochrome ----------------------------------- | // Monochrome ----------------------------------- | ||||
| $mono-1: hsl($syntax-hue, 8%, 24%); | |||||
| $mono-2: hsl($syntax-hue, 6%, 44%); | |||||
| $mono-3: hsl($syntax-hue, 4%, 64%); | |||||
| $mono-1: #383a42; | |||||
| $mono-2: #696c77; | |||||
| $mono-3: #a0a1a7; | |||||
| // Colors ----------------------------------- | // Colors ----------------------------------- | ||||
| $hue-1: hsl(198, 99%, 37%); // <-cyan | |||||
| $hue-2: hsl(221, 87%, 60%); // <-blue | |||||
| $hue-3: hsl(301, 63%, 40%); // <-purple | |||||
| $hue-4: hsl(119, 34%, 47%); // <-green | |||||
| $hue-1: #0184bc; // <-cyan | |||||
| $hue-2: #4078f2; // <-blue | |||||
| $hue-3: #a626a4; // <-purple | |||||
| $hue-4: #50a14f; // <-green | |||||
| $hue-5: hsl( 5, 74%, 59%); // <-red 1 | |||||
| $hue-5-2: hsl(344, 84%, 43%); // <-red 2 | |||||
| $hue-5: #e45649; // <-red 1 | |||||
| $hue-5-2: #ca1243; // <-red 2 | |||||
| $hue-6: hsl(41, 99%, 30%); // <-orange 1 | |||||
| $hue-6-2: hsl(41, 99%, 38%); // <-orange 2 | |||||
| $hue-6: #986801; // <-orange 1 | |||||
| $hue-6-2: #c18401; // <-orange 2 | |||||
| // Base colors ----------------------------------- | // Base colors ----------------------------------- | ||||
| $syntax-fg: $mono-1; | $syntax-fg: $mono-1; | ||||
| $syntax-bg: hsl($syntax-hue, $syntax-saturation, $syntax-brightness); | |||||
| $syntax-bg: #fafafa; | |||||
| $syntax-gutter: darken($syntax-bg, 36%); | $syntax-gutter: darken($syntax-bg, 36%); | ||||
| $syntax-guide: fade-out($syntax-fg, 0.2); | $syntax-guide: fade-out($syntax-fg, 0.2); | ||||
| $syntax-accent: hsl($syntax-hue, 100%, 66% ); | |||||
| $syntax-accent: #526fff; | |||||
| // General colors | // General colors | ||||
| $syntax-text-color: $syntax-fg; | $syntax-text-color: $syntax-fg; |