Add One Light Theme

README.Rmd

@@ -13,6 +13,7 @@ knitr::opts_chunk$set(
   fig.path = "docs/"
 )
 ```
+
 # RStudio Themes
 
 <!-- badges: start -->

README.md

@@ -8,7 +8,8 @@
 <!-- badges: end -->
 
 `rstudio-scss` provides SCSS/SASS templates for full RStudio themes for
-RStudio version 1.2 (and possibly RStudio 1.2+).
+RStudio version 1.2 (and possibly RStudio
+1.2+).
 
 ## Palettes
 

dist/nord-snow-storm.rstheme

@@ -257,12 +257,12 @@
 /* ---- RStudio Theme ---- */
 /* background */
 .rstudio-themes-flat .rstudio-themes-default {
-  background: #fafafa !important;
+  background: #f9fafb !important;
   color: #4c566a !important;
 }
 
 .rstudio-themes-flat .rstudio-themes-default .rstudio-themes-background {
-  background: #fafafa !important;
+  background: #f9fafb !important;
 }
 
 /* inactive tabs */

src/one-light.scss

@@ -0,0 +1,64 @@
+/* rs-theme-name: Sassy RStudio - One Light */
+/* rs-theme-is-dark: FALSE */
+
+@import "palettes/_one-light";
+
+// primary UI colors
+$ui-background           : $syntax-bg;
+$ui-foreground           : $syntax-fg;
+$ui-code-chunk-background: darken($ui-background, 5%);
+$ui-selection            : $syntax-selection-color;
+$ui-cursor               : $syntax-cursor-color;
+$ui-cursor-normal-mode   : $ui-cursor;
+$ui-margin-line          : lighten($ui-selection, 5%);
+$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($mono-3, 0.6);
+$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      : lighten($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, 2%);
+$ui-rstudio-color               : $ui-foreground;
+$ui-rstudio-tabs-inactive       : $ui-background;
+$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-light", "rstudio/_terminal";

src/palettes/_one-light.scss

@@ -0,0 +1,73 @@
+
+// Config -----------------------------------
+$syntax-hue:          230;
+$syntax-saturation:    1%;
+$syntax-brightness:   98%;
+
+
+// Monochrome -----------------------------------
+$mono-1: hsl($syntax-hue, 8%, 24%);
+$mono-2: hsl($syntax-hue, 6%, 44%);
+$mono-3: hsl($syntax-hue, 4%, 64%);
+
+// 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-5:   hsl(  5, 74%, 59%); // <-red 1
+$hue-5-2: hsl(344, 84%, 43%); // <-red 2
+
+$hue-6:   hsl(41, 99%, 30%); // <-orange 1
+$hue-6-2: hsl(41, 99%, 38%); // <-orange 2
+
+
+// Base colors -----------------------------------
+$syntax-fg:     $mono-1;
+$syntax-bg:     hsl($syntax-hue, $syntax-saturation, $syntax-brightness);
+$syntax-gutter: darken($syntax-bg, 36%);
+$syntax-guide:  fade-out($syntax-fg, 0.2);
+$syntax-accent: hsl($syntax-hue, 100%, 66% );
+
+// 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;