Add One Dark

README.Rmd

@@ -32,7 +32,8 @@ themes <- list(
   "Solarized" = "_solarized.scss", 
   "Nord" = "_nord.scss", 
   "Oceanic Plus" = "_oceanic-plus.scss",
-  "One Light" = "_one-light.scss"
+  "One Light" = "_one-light.scss",
+  "One Dark" = "_one-dark.scss"
 )
 
 for (theme in names(themes)) {

README.md

@@ -13,4 +13,4 @@ RStudio version 1.2 (and possibly RStudio
 
 ## Palettes
 
-![](docs/palettes-1.png)<!-- -->![](docs/palettes-2.png)<!-- -->![](docs/palettes-3.png)<!-- -->![](docs/palettes-4.png)<!-- -->
+![](docs/palettes-1.png)<!-- -->![](docs/palettes-2.png)<!-- -->![](docs/palettes-3.png)<!-- -->![](docs/palettes-4.png)<!-- -->![](docs/palettes-5.png)<!-- -->

src/one-dark.scss

@@ -0,0 +1,67 @@
+/* rs-theme-name: Sassy RStudio - One Dark */
+/* rs-theme-is-dark: TRUE */
+
+@import "palettes/_one-dark";
+
+// primary UI colors
+$ui-background           : $syntax-bg;
+$ui-foreground           : $syntax-fg;
+$ui-code-chunk-background: darken($ui-background, 2%);
+$ui-selection            : $syntax-selection-color;
+$ui-cursor               : $syntax-cursor-color;
+$ui-cursor-normal-mode   : $ui-cursor;
+$ui-margin-line          : lighten($ui-selection, 15%);
+$ui-gutter-color         : $syntax-gutter-text-color;
+$ui-gutter-background    : $ui-background;
+
+// less common UI colors
+$ui-line-active           : transparentize($mono-3, 0.8);
+$ui-line-active-gutter    : $ui-line-active;
+$ui-line-active-selection : transparentize($ui-selection, 0.4);
+$ui-line-find             : $ui-selection;
+$ui-bracket               : transparentize($ui-cursor, 0.6);
+$ui-invisible             : transparentize($syntax-guide, 0.5);
+$ui-indent-guide          : $ui-invisible;
+$ui-debug-background      : darken($hue-6-2, 10%);
+$ui-fold-arrows-color     : $syntax-color-snippet;
+$ui-fold-arrows-background: transparentize($ui-fold-arrows-color, 0.5);
+
+// rstudio
+$ui-rstudio-background          : darken($ui-background, 3%);
+$ui-rstudio-color               : $ui-foreground;
+$ui-rstudio-tabs-inactive       : $ui-rstudio-background;
+$ui-rstudio-tabs-inactive-color : transparentize($ui-foreground, 0.5);
+$ui-rstudio-tabs-selected       : $ui-background ;
+$ui-rstudio-tabs-selected-color : $ui-foreground;
+$ui-completions-background      : $ui-background;
+$ui-completions-color           : $ui-foreground;
+$ui-completions-border          : $ui-bracket;
+$ui-rstudio-scrollbar-background: $ui-background;
+$ui-rstudio-scrollbar-handle    : $ui-code-chunk-background;
+
+// R language colors
+$rlang-comment  : transparentize($ui-foreground, 0.5);
+$rlang-string   : $syntax-color-snippet;
+$rlang-function : $syntax-color-function;
+$rlang-reserved : $syntax-color-keyword;
+$rlang-operator : $syntax-color-method;
+$rlang-bracket  : $syntax-fg;
+$rlang-value    : $syntax-color-value;
+$rlang-namespace: $syntax-color-import;
+$rlang-variable : $syntax-color-variable;
+$rlang-message  : $syntax-color-tag;
+$rlang-namespace-font-style: normal;
+
+// custom css
+//[class="ace_keyword"] {
+//  font-weight: bold;
+//}
+
+$other-tag: $syntax-color-tag;
+
+// Rmd
+$rmd-heading-color: $hue-5-2;
+$rmd-chunk-header: $hue-1;
+$rmd-href: $hue-6-2;
+
+@import "rstudio/_rstudio-dark", "rstudio/_terminal";

src/palettes/_one-dark.scss

@@ -0,0 +1,66 @@
+// Monochrome -----------------------------------
+$mono-1: #abb2bf; // default text
+$mono-2: #828997;
+$mono-3: #5c6370;
+
+// Colors -----------------------------------
+$hue-1:   #56b6c2; // <-cyan
+$hue-2:   #61afef; // <-blue
+$hue-3:   #c678dd; // <-purple
+$hue-4:   #98c379; // <-green
+
+$hue-5:   #e06c75; // <-red 1
+$hue-5-2: #be5046; // <-red 2
+
+$hue-6:   #d19a66; // <-orange 1
+$hue-6-2: #e5c07b; // <-orange 2
+
+
+// Base colors -----------------------------------
+$syntax-fg:     $mono-1;
+$syntax-bg:     #282c34;
+$syntax-gutter: darken($syntax-fg, 26%);
+$syntax-guide:  fade-out($syntax-fg, 0.15);
+$syntax-accent: #528bff;
+
+// General colors
+$syntax-text-color:            $syntax-fg;
+$syntax-cursor-color:          $syntax-accent;
+$syntax-selection-color:       darken($syntax-bg, 8%);
+$syntax-selection-flash-color: $syntax-accent;
+$syntax-background-color:      $syntax-bg;
+
+// Guide colors
+$syntax-wrap-guide-color:          $syntax-guide;
+$syntax-indent-guide-color:        $syntax-guide;
+$syntax-invisible-character-color: $syntax-guide;
+
+// For find and replace markers
+$syntax-result-marker-color:          fade-out($syntax-accent, 0.2);
+$syntax-result-marker-color-selected: $syntax-accent;
+
+// Gutter colors -----------------------------------
+$syntax-gutter-text-color:                $syntax-gutter;
+$syntax-gutter-text-color-selected:       $syntax-fg;
+$syntax-gutter-background-color:          $syntax-bg; // unused
+$syntax-gutter-background-color-selected: darken($syntax-bg, 8%);
+
+// Git colors - For git diff info. i.e. in the gutter
+$syntax-color-renamed:  hsl(208, 100%, 66%);
+$syntax-color-added:    hsl(132,  60%, 44%);
+$syntax-color-modified: hsl( 40,  90%, 50%);
+$syntax-color-removed:  hsl(  0, 100%, 54%);
+
+// For language entity colors
+$syntax-color-variable:   $hue-5;
+$syntax-color-constant:   $hue-6;
+$syntax-color-property:   $syntax-fg;
+$syntax-color-value:      $syntax-fg;
+$syntax-color-function:   $hue-2;
+$syntax-color-method:     $hue-2;
+$syntax-color-class:      $hue-6-2;
+$syntax-color-keyword:    $hue-3;
+$syntax-color-tag:        $hue-5;
+$syntax-color-attribute:  $hue-6;
+$syntax-color-import:     $hue-3;
+$syntax-color-snippet: $hue-4;