garrick
/
rstudio-scss
Observar 1
Favorito 0
Fork 0
Código Issues 6 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

Create GitHub specific theme

master
Garrick Aden-Buie 7 anos atrás
pai
a1a05d7546
commit
3300bee66a
4 arquivos alterados com 146 adições e 134 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. +70
    -70
      dist/github.rstheme
  2. +0
    -59
      src/base16-github.scss
  3. +67
    -0
      src/github.scss
  4. +9
    -5
      src/palettes/_github.scss

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

@@ -1,33 +1,33 @@
/* 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;
}

@@ -41,17 +41,17 @@
}

.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 {
@@ -60,15 +60,15 @@

.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 {
@@ -80,31 +80,31 @@
.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 {
@@ -114,12 +114,12 @@

.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 {
@@ -127,11 +127,11 @@
}

.ace_constant.ace_numeric {
color: #735c0f;
color: #d73a49;
}

.ace_constant.ace_character {
color: #735c0f;
color: #d73a49;
}

.ace_constant.ace_other {
@@ -143,11 +143,11 @@
}

.ace_support.ace_constant {
color: #735c0f;
color: #d73a49;
}

.ace_support.ace_class {
font-style: italic;
font-style: normal;
color: #6f42c1;
}

@@ -156,7 +156,7 @@
}

.ace_paren.ace_keyword.ace_operator {
color: #d73a49;
color: #24292e;
}

.ace_storage {
@@ -168,7 +168,7 @@
}

.ace_invalid {
background-color: rgba(179, 29, 40, 0.5);
background-color: rgba(115, 92, 15, 0.5);
}

.ace_invalid.ace_deprecated {
@@ -180,19 +180,19 @@
}

.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 {
@@ -210,11 +210,11 @@
.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 {
@@ -230,26 +230,26 @@
}

.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 {
@@ -259,26 +259,26 @@
/* ---- 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 {
@@ -290,11 +290,11 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
}

.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 {
@@ -306,41 +306,41 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
}

.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 {
@@ -354,27 +354,27 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
}

.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;
}

@@ -387,18 +387,18 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
.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;
@@ -408,14 +408,14 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
}

.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 {
@@ -425,11 +425,11 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d

.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;
}

@@ -438,7 +438,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
}

.xtermInvertBgColor {
background-color: #fafbfc;
background-color: #FFFFFF;
}

.xtermBold {

+ 0
- 59
src/base16-github.scss Ver arquivo

@@ -1,59 +0,0 @@
/* 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";

+ 67
- 0
src/github.scss Ver arquivo

@@ -0,0 +1,67 @@
/* 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 Ver arquivo

@@ -1,12 +1,11 @@
/* 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;
@@ -17,3 +16,8 @@ $base08: #b31d28;
$base0D: #e36209;
$base0E: #032f62;
$base0F: #005cc5;

$blue: #0366D6;
$light-blue: #F1F8FF;
$light-green: #f0fff4;
$light-red: #ffeef0;

Escrever Pré-visualização
Carregando…
Cancelar
Salvar