Create GitHub specific theme

dist/base16-github.rstheme → dist/github.rstheme

-/* rs-theme-name: Sassy - base16 Github */
-/* Github by Github, gadenbuie */
+/* rs-theme-name: Sassy - GitHub */
 /* rs-theme-is-dark: FALSE */
+/* Github by Github, gadenbuie */
 .ace_gutter {
-  background: #f4f6f8;
-  color: rgba(36, 41, 46, 0.5);
+  background: #FFFFFF;
+  color: #C6CBD1;
 }
 
 .ace_print-margin {
   width: 2px;
-  background: rgba(211, 218, 227, 0.2);
+  background: rgba(3, 102, 214, 0);
 }
 
 .ace_editor {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
   color: #24292e;
 }
 
 .rstudio-themes-flat.ace_editor_theme {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
   color: #24292e;
 }
 
 .rstudio-themes-flat.ace_editor_theme .profvis-flamegraph {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
   color: #24292e;
 }
 
 .rstudio-themes-flat .ace_editor_theme {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
   color: #24292e;
 }
 
 }
 
 .ace_cursor {
-  color: #6f42c1;
+  color: #d73a49;
 }
 
 .normal-mode .ace_cursor {
   border: 0 !important;
-  background-color: #6f42c1;
+  background-color: #d73a49;
   opacity: 0.5;
 }
 
 .ace_marker-layer .ace_selection {
-  background: rgba(211, 218, 227, 0.4);
+  background: rgba(3, 102, 214, 0.15);
 }
 
 .ace_marker-layer .ace_step {
 
 .ace_marker-layer .ace_bracket {
   margin: -1px 0 0 -1px;
-  border: 1px solid #D3DAE3;
+  border: 1px solid #eff3f6;
 }
 
 .ace_marker-layer .ace_active-line {
-  background: rgba(218, 226, 233, 0.5);
+  background: #F1F8FF;
 }
 
 .ace_marker-layer .ace_selected-word {
-  border: 1px solid rgba(211, 218, 227, 0.4);
+  border: 1px solid rgba(3, 102, 214, 0.15);
 }
 
 .ace_marker-layer .ace_foreign_line {
 .ace_marker-layer .ace_active_debug_line {
   position: absolute;
   z-index: -1;
-  background-color: #dae2e9;
+  background-color: #ffeef0;
 }
 
 .ace_marker-layer .ace_find_line {
   position: absolute;
   z-index: -1;
-  background-color: #f6f8fa;
+  background-color: #f0fff4;
 }
 
 .ace_gutter-active-line {
-  background-color: #f6f8fa;
+  background-color: #F1F8FF;
 }
 
 .ace_fold {
   background-color: #b31d28;
-  border: 1px solid #24292e !important;
+  border: 1px solid #ffeef0 !important;
 }
 
 .ace_indent-guide {
-  border-right: 1px solid #D3DAE3;
+  border-right: 1px solid #eff3f6;
   margin-right: -1px;
 }
 
 .ace_active-line ~ .ace_selection.ace_start {
-  background-color: #D3DAE3;
+  background-color: rgba(3, 102, 214, 0.15);
 }
 
 .ace_keyword {
 
 .ace_keyword.ace_operator {
   font-style: normal;
-  color: #d73a49;
+  color: #24292e;
 }
 
 .ace_keyword.ace_other.ace_unit {
   font-style: normal;
-  color: #735c0f;
+  color: #d73a49;
 }
 
 .ace_constant.ace_language {
 }
 
 .ace_constant.ace_numeric {
-  color: #735c0f;
+  color: #d73a49;
 }
 
 .ace_constant.ace_character {
-  color: #735c0f;
+  color: #d73a49;
 }
 
 .ace_constant.ace_other {
 }
 
 .ace_support.ace_constant {
-  color: #735c0f;
+  color: #d73a49;
 }
 
 .ace_support.ace_class {
-  font-style: italic;
+  font-style: normal;
   color: #6f42c1;
 }
 
 }
 
 .ace_paren.ace_keyword.ace_operator {
-  color: #d73a49;
+  color: #24292e;
 }
 
 .ace_storage {
 }
 
 .ace_invalid {
-  background-color: rgba(179, 29, 40, 0.5);
+  background-color: rgba(115, 92, 15, 0.5);
 }
 
 .ace_invalid.ace_deprecated {
 }
 
 .ace_comment {
-  color: #6a737d;
+  color: #959da5;
 }
 
 .ace_invisible {
-  color: #959da5;
+  color: #C6CBD1;
 }
 
 .ace_variable {
-  color: #b31d28;
+  color: #735c0f;
 }
 
 .ace_variable.ace_parameter {
-  color: #735c0f;
+  color: #d73a49;
 }
 
 .ace_entity.ace_name.ace_function {
 .ace_bracket {
   margin: 0 !important;
   border: 0 !important;
-  background-color: #D3DAE3;
+  background-color: #eff3f6;
 }
 
 .ace_console_error {
-  background-color: #f6f8fa;
+  background-color: #f0fff4;
 }
 
 .ace_layer {
 }
 
 .ace_selection.ace_start {
-  box-shadow: 0 0 3px 0 #fafbfc;
+  box-shadow: 0 0 3px 0 #FFFFFF;
   border-radius: 2px;
 }
 
 .ace_meta.ace_tag {
-  color: #d73a49;
+  color: #24292e;
 }
 
 .ace_markup.ace_heading,
 .ace_markup.ace_heading ~ .ace_heading {
   font-weight: 600;
-  color: #22863a;
+  color: #005cc5;
 }
 
 .ace_support.ace_function.ace_codebegin, .ace_support.ace_function.ace_codeend {
-  color: #e36209;
+  color: #0366D6;
 }
 
 .ace_markup.ace_href {
-  color: #032f62;
+  color: #6f42c1;
 }
 
 .nocolor.ace_editor .ace_line span {
 /* ---- RStudio Theme ---- */
 /* background */
 .rstudio-themes-flat .rstudio-themes-default {
-  background: #fafbfc !important;
+  background: #FFFFFF !important;
   color: #24292e !important;
 }
 
 .rstudio-themes-flat .rstudio-themes-default .rstudio-themes-background {
-  background: #fafbfc !important;
+  background: #FFFFFF !important;
 }
 
 /* inactive tabs */
 table.rstheme_tabLayoutCenter, .rstudio-themes-flat .rstudio-themes-default .gwt-TabLayoutPanelTabs, .rstheme_multiPodUtilityTabArea {
-  background: #D3DAE3 !important;
+  background: #fafbfc !important;
 }
 
 table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-default .gwt-TabLayoutPanelTabs .gwt-Label, .rstheme_multiPodUtilityTabArea .gwt-Label {
-  color: #959da5;
+  color: #C6CBD1;
 }
 
 /* toolbar and selected tab */
 .rstudio-themes-flat .rstudio-themes-default .rstheme_center, .rstudio-themes-flat .rstudio-themes-default .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected table.rstheme_tabLayoutCenter {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
 }
 
 .rstudio-themes-flat .rstudio-themes-default .gwt-TabLayoutPanelTab-selected .gwt-Label {
 }
 
 .rstudio-themes-flat .rstheme_toolbarWrapper {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
 }
 
 .rstudio-themes-flat .rstheme_toolbarWrapper button, .rstudio-themes-flat .rstheme_toolbarWrapper a, .rstudio-themes-flat .rstheme_toolbarWrapper div {
-  color: #24292e !important;
+  color: #6a737d !important;
 }
 
 .rstudio-themes-flat .rstudio-themes-default {
 }
 
 .rstudio-themes-flat .search, .rstudio-themes-flat.rstudio-themes-default-menus .search {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
 }
 
 /* pane toolbars */
 .rstheme_secondaryToolbar, .rstudio-themes-flat .dataGridHeader {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
 }
 
 /* menu background */
 .rstudio-themes-flat .popupMiddleCenter, .rstudio-themes-flat .menuPopupMiddleCenter, .rstudio-themes-flat .suggestPopupMiddleCenter {
-  background: #fafbfc !important;
+  background: #FFFFFF !important;
   color: #24292e !important;
 }
 
 .rstudio-themes-flat .popupMiddleCenter .item.item-selected, .rstudio-themes-flat .popupMiddleCenter .item-selected, .rstudio-themes-flat .menuPopupMiddleCenter .item.item-selected, .rstudio-themes-flat .menuPopupMiddleCenter .item-selected, .rstudio-themes-flat .suggestPopupMiddleCenter .item.item-selected, .rstudio-themes-flat .suggestPopupMiddleCenter .item-selected {
-  color: #fafbfc !important;
+  color: #FFFFFF !important;
   background: #24292e !important;
 }
 
 .rstudio-themes-flat .themedPopupPanel {
-  border: solid 1px #D3DAE3;
+  border: solid 1px #eff3f6;
 }
 
 .rstudio-themes-flat .themedPopupPanel ~ div.popupContent div:nth-child(1) {
-  border: solid 1px #D3DAE3;
+  border: solid 1px #eff3f6;
 }
 
 .rstudio-themes-flat .popupContent {
-  background: #fafbfc;
+  background: #FFFFFF;
   color: #24292e;
 }
 
 .rstudio-themes-flat .popupContent:not(.popupMiddleCenterInner) div div:nth-child(2) {
-  background: #fafbfc !important;
-  border: solid 1px #D3DAE3;
+  background: #FFFFFF !important;
+  border: solid 1px #eff3f6;
 }
 
 .rstudio-themes-flat .gwt-PopupPanel .popupContent {
 }
 
 .rstudio-themes-flat .gwt-PopupPanel .popupContent table .gwt-Label {
-  color: #fafbfc;
+  color: #FFFFFF;
 }
 
 /* hacky toolbars section */
 .rstudio-themes-flat .rstudio-themes-default div.windowframe > div:last-child > div > div > div > div > div:not(.gwt-TabLayoutPanelTabs) {
-  background: #D3DAE3 !important;
+  background: #fafbfc !important;
 }
 
 /* Data Frame Preview */
 .dataTables_wrapper thead th {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
   color: #0366D6 !important;
 }
 
 .dataTables_scrollBody table tbody td:first-child {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
   color: #0366D6 !important;
 }
 
 .dataTables_info {
-  background: #f6f8fa !important;
+  background: #eff3f6 !important;
   color: #0366D6 !important;
 }
 
 .rstudio-themes-flat .rstudio-themes-default.rstudio-themes-scrollbars::-webkit-scrollbar-corner,
 .rstudio-themes-flat.rstudio-themes-default-menus .rstudio-themes-scrollbars ::-webkit-scrollbar-track,
 .rstudio-themes-flat.rstudio-themes-default-menus .rstudio-themes-scrollbars ::-webkit-scrollbar-corner {
-  background: #fafbfc;
+  background: #FFFFFF;
 }
 
 .rstudio-themes-flat .rstudio-themes-default.rstudio-themes-scrollbars ::-webkit-scrollbar-thumb,
 .rstudio-themes-flat .rstudio-themes-default.rstudio-themes-scrollbars::-webkit-scrollbar-thumb,
 .rstudio-themes-flat.rstudio-themes-default-menus .rstudio-themes-scrollbars ::-webkit-scrollbar-thumb {
   background: #f6f8fa;
-  border: 4px solid #fafbfc;
+  border: 4px solid #FFFFFF;
 }
 
 .terminal {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
   color: #24292e;
   font-feature-settings: "liga" 0;
   position: relative;
 }
 
 .terminal.xterm-cursor-style-block.focus:not(.xterm-cursor-blink-on) .terminal-cursor {
-  background-color: #6f42c1;
-  color: #6f42c1;
+  background-color: #d73a49;
+  color: #d73a49;
 }
 
 .terminal.focus.xterm-cursor-style-bar:not(.xterm-cursor-blink-on) .terminal-cursor::before, .terminal.focus.xterm-cursor-style-underline:not(.xterm-cursor-blink-on) .terminal-cursor::before {
   content: '';
   position: absolute;
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
 }
 
 .terminal:not(.focus) .terminal-cursor {
 
 .terminal .xterm-selection div {
   position: absolute;
-  background-color: rgba(211, 218, 227, 0.4);
+  background-color: rgba(3, 102, 214, 0.15);
 }
 
 .terminal .xterm-viewport {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
   overflow-y: scroll;
 }
 
 }
 
 .xtermInvertBgColor {
-  background-color: #fafbfc;
+  background-color: #FFFFFF;
 }
 
 .xtermBold {

src/base16-github.scss

-/* rs-theme-name: Sassy - base16 Github */
-
-@import "palettes/base16/_base16-github.scss";
-
-// primary UI colors
-$ui-background           : $base00;
-$ui-foreground           : $base07;
-$ui-code-chunk-background: $base01;
-$ui-selection            : transparentize($base02, 0.6);
-$ui-cursor               : $base0A;
-$ui-cursor-normal-mode   : $ui-cursor;
-$ui-margin-line          : transparentize($ui-selection, 0.2);
-$ui-gutter-color         : transparentize($ui-foreground, 0.5);
-$ui-gutter-background    : darken($ui-background, 2%);
-
-// less common UI colors
-$ui-line-active           : transparentize(darken($ui-background, 10%), 0.5);
-$ui-line-active-gutter    : $base01;
-$ui-line-active-selection : $base02;
-$ui-line-find             : $base01;
-$ui-bracket               : $base02;
-$ui-invisible             : $base03;
-$ui-indent-guide          : $base02;
-$ui-debug-background      : darken($ui-background, 10%);
-$ui-fold-arrows-background: $base08;
-$ui-fold-arrows-color     : $ui-foreground;
-
-// rstudio
-$ui-rstudio-background          : $base00;
-$ui-rstudio-color               : $ui-foreground;
-$ui-rstudio-tabs-inactive       : $base02;
-$ui-rstudio-tabs-inactive-color : $base03;
-$ui-rstudio-tabs-selected       : $base01;
-$ui-rstudio-tabs-selected-color : $base05;
-$ui-rstudio-toolbar             : $ui-rstudio-tabs-selected;
-$ui-rstudio-toolbar-color       : $ui-foreground;
-$ui-rstudio-search              : $ui-rstudio-toolbar;
-$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  : $base04;
-$rlang-string   : $base0B;
-$rlang-function : $base0D;
-$rlang-reserved : $base0E;
-$rlang-operator : $base0C;
-$rlang-bracket  : $rlang-operator;
-$rlang-value    : $base09;
-$rlang-namespace: $base0A;
-$rlang-variable : $base08;
-$rlang-message  : $base0F;
-$rlang-namespace-font-style: italic;
-
-$other-tag: $rlang-variable;
-
-@import "rstudio/_rstudio-light", "rstudio/_terminal";

src/github.scss

+/* rs-theme-name: Sassy - GitHub */
+/* rs-theme-is-dark: FALSE */
+
+@import "palettes/_github.scss";
+
+// primary UI colors
+$ui-background           : #FFFFFF;
+$ui-foreground           : $base07;
+$ui-code-chunk-background: $base01;
+$ui-selection            : transparentize($blue, 0.85);
+$ui-cursor               : $base0C;
+$ui-cursor-normal-mode   : $ui-cursor;
+$ui-margin-line          : transparentize($ui-selection, 0.2);
+$ui-gutter-color         : $base03;
+$ui-gutter-background    : $ui-background;
+
+// less common UI colors
+//$ui-line-active           : transparentize(darken($ui-background, 10%), 0.5);
+$ui-line-active           : $light-blue;
+$ui-line-active-gutter    : $light-blue;
+$ui-line-active-selection : transparentize($blue, 0.85);
+$ui-line-find             : $light-green;
+$ui-bracket               : $base02;
+$ui-invisible             : $base03;
+$ui-indent-guide          : $base02;
+$ui-debug-background      : $light-red;
+$ui-fold-arrows-background: $base08;
+$ui-fold-arrows-color     : $light-red;
+
+// rstudio
+$ui-rstudio-background          : $ui-background;
+$ui-rstudio-color               : $ui-foreground;
+$ui-rstudio-tabs-inactive       : $base00;
+$ui-rstudio-tabs-inactive-color : $base03;
+$ui-rstudio-tabs-selected       : $base02;
+$ui-rstudio-tabs-selected-color : $blue;
+$ui-rstudio-toolbar             : $base02;
+$ui-rstudio-toolbar-color       : $base05;
+$ui-rstudio-search              : $ui-rstudio-toolbar;
+$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  : $base04;
+$rlang-string   : $base0B;
+$rlang-function : $base0D;
+$rlang-reserved : $base0E;
+$rlang-operator : $ui-foreground;
+$rlang-bracket  : $ui-foreground;
+$rlang-value    : $base0C;
+$rlang-namespace: $base0A;
+$rlang-variable : $base09;
+$rlang-message  : $base0F;
+$rlang-namespace-font-style: normal;
+
+$other-tag: $base08;
+
+// R Markdown
+$rmd-heading-weight: 600 !default;
+$rmd-heading-color: $base0F !default;
+$rmd-chunk-header: $blue !default;
+$rmd-href: $base0A !default;
+
+@import "rstudio/_rstudio-light", "rstudio/_terminal";

src/palettes/base16/_base16-github.scss → src/palettes/_github.scss

 /* Github by Github, gadenbuie */
-/* rs-theme-is-dark: FALSE */
 
 $base00: #fafbfc;
 $base01: #f6f8fa;
-$base02: #D3DAE3;
-$base03: #959da5;
-$base04: #6a737d;
-$base05: #0366D6;
+$base02: #eff3f6;
+$base03: #C6CBD1;
+$base04: #959da5;
+$base05: #6a737d;
 $base06: #586069;
 $base07: #24292e;
 $base0C: #d73a49;
 $base0D: #e36209;
 $base0E: #032f62;
 $base0F: #005cc5;
+
+$blue: #0366D6;
+$light-blue: #F1F8FF;
+$light-green: #f0fff4;
+$light-red: #ffeef0;