소스 검색

Add light themes

one
Garrick Aden-Buie 7 년 전
부모
커밋
192baf327d
8개의 변경된 파일5241개의 추가작업 그리고 21개의 파일을 삭제
  1. +60
    -0
      nord-snow-storm.scss
  2. +5
    -0
      rsthemes/nord-polar-night-aurora.rstheme
  3. +2487
    -0
      rsthemes/nord-snow-storm.rstheme
  4. +5
    -0
      rsthemes/oceanic-plus.rstheme
  5. +5
    -0
      rsthemes/solarized-dark.rstheme
  6. +2488
    -0
      rsthemes/solarized-light.rstheme
  7. +131
    -21
      rstudio/_rstudio-light.scss
  8. +60
    -0
      solarized-light.scss

+ 60
- 0
nord-snow-storm.scss 파일 보기

@@ -0,0 +1,60 @@
/* rs-theme-name: Nord Snow Storm (SCSS) */
/* rs-theme-is-dark: FALSE */

@import "palettes/_nord";

// primary UI colors
$ui-background : lighten($nord6, 10%);
$ui-foreground : $nord3;
$ui-code-chunk-background: $nord4;
$ui-selection : transparentize($nord4, 0.6);
$ui-cursor : $nord12;
$ui-cursor-normal-mode : $ui-cursor;
$ui-margin-line : lighten($ui-selection, 5%);
$ui-gutter-color : transparentize($ui-foreground, 0.75);
$ui-gutter-background : $ui-background;

// less common UI colors
$ui-line-active : transparentize($nord4, 0.6);
$ui-line-active-gutter : $ui-background;
$ui-line-active-selection : opacify($ui-selection, 1);
$ui-line-find : $ui-selection;
$ui-bracket : darken($ui-foreground, 50%);
$ui-invisible : $nord4;
$ui-indent-guide : $nord4;
$ui-debug-background : lighten($ui-background, 10%);
$ui-fold-arrows-background: $nord11;
$ui-fold-arrows-color : $ui-foreground;

// rstudio
$ui-rstudio-background : darken($ui-background, 2%);
$ui-rstudio-color : $ui-foreground;
$ui-rstudio-tabs-inactive : $nord4;
$ui-rstudio-tabs-inactive-color : transparentize($ui-foreground, 0.4);
$ui-rstudio-tabs-selected : $nord5;
$ui-rstudio-tabs-selected-color : $nord2;
$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 : transparentize($ui-foreground, 0.5);
$rlang-string : $nord14;
$rlang-function : $nord10;
$rlang-reserved : $nord7;
$rlang-operator : $nord9;
$rlang-bracket : $nord8;
$rlang-value : $nord11;
$rlang-namespace: $nord14;
$rlang-variable : $nord15;
$rlang-message : $nord12;
$rlang-namespace-font-style: italic;

$other-tag: $nord9;

@import "rstudio/_rstudio-light", "rstudio/_terminal";

+ 5
- 0
rsthemes/nord-polar-night-aurora.rstheme 파일 보기

@@ -344,6 +344,11 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
color: #2e3440;
}

.rstudio-themes-flat .rstudio-themes-dark-grey div.windowframe > div:last-child > div > div > div > div > div:not(.gwt-TabLayoutPanelTabs) {
/* hacky toolbars section */
background: #3b4252 !important;
}

/* scrollbars */
.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs,
.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center,

+ 2487
- 0
rsthemes/nord-snow-storm.rstheme
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
파일 보기


+ 5
- 0
rsthemes/oceanic-plus.rstheme 파일 보기

@@ -345,6 +345,11 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
color: #1B2B34;
}

.rstudio-themes-flat .rstudio-themes-dark-grey div.windowframe > div:last-child > div > div > div > div > div:not(.gwt-TabLayoutPanelTabs) {
/* hacky toolbars section */
background: #343D46 !important;
}

/* scrollbars */
.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs,
.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center,

+ 5
- 0
rsthemes/solarized-dark.rstheme 파일 보기

@@ -345,6 +345,11 @@ table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-d
color: #002b36;
}

.rstudio-themes-flat .rstudio-themes-dark-grey div.windowframe > div:last-child > div > div > div > div > div:not(.gwt-TabLayoutPanelTabs) {
/* hacky toolbars section */
background: #073642 !important;
}

/* scrollbars */
.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs,
.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center,

+ 2488
- 0
rsthemes/solarized-light.rstheme
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
파일 보기


+ 131
- 21
rstudio/_rstudio-light.scss 파일 보기

@@ -23,28 +23,22 @@
background-color: $ui-background;
color: $ui-foreground;
}
&.editor_dark.ace_editor_theme a {
color: #FFF !important;
}
&.rstudio-themes-dark-menus .ace_editor.ace_autocomplete {
background: #2f3941;
border: solid 1px #4e5c68 !important;
color: #f0f0f0;
.ace_marker-layer {
.ace_active-line {
background: transparentize($ui-foreground, 0.75);
border: none;
}
.ace_line-hover {
background: transparentize($ui-foreground, 0.75);
border: none;
}
}
&.ace_editor_theme a {
color: $ui-foreground !important;
font-weight: bold;
}
.gwt-Label {
color: $ui-foreground;
}
}
.ace_cursor {
color: $ui-cursor;
}
.normal-mode .ace_cursor {
border: 0!important;
background-color: $ui-cursor-normal-mode;
opacity: 0.5;
}
.ace_marker-layer {
.ace_selection {
background: $ui-selection;
@@ -82,11 +76,14 @@
background-color: $ui-line-active-gutter;
}
.ace_fold {
background-color: $rlang-function;
border-color: $ui-foreground;
background-color: $ui-fold-arrows-background;
border-color: $ui-fold-arrows-color;
}
.ace_indent-guide{
border-right: 1px solid $ui-indent_guide;
}
.ace_active-line ~ .ace_selection.ace_start {
background-color: opacify($ui-line-active, 1);
background-color: $ui-line-active-selection;
}
.ace_keyword {
font-style: italic;
@@ -206,4 +203,117 @@
color: $rlang-reserved !important;
}

@import "_terminal";
/* ---- RStudio Theme ---- */
/* background */
.rstudio-themes-flat .rstudio-themes-default {
background: $ui-rstudio-background !important;
color: $ui-rstudio-color !important;
.rstudio-themes-background {
background: $ui-rstudio-background !important;
}
}

/* inactive tabs */
table.rstheme_tabLayoutCenter, .rstudio-themes-flat .rstudio-themes-default .gwt-TabLayoutPanelTabs, .rstheme_multiPodUtilityTabArea {
background: $ui-rstudio-tabs-inactive !important;
.gwt-Label {
color: $ui-rstudio-tabs-inactive-color;
}
}

/* toolbar and selected tab */
.rstudio-themes-flat .rstudio-themes-default {
.rstheme_center, .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected table.rstheme_tabLayoutCenter {
background: $ui-rstudio-tabs-selected !important;
}
.gwt-TabLayoutPanelTab-selected .gwt-Label {
color: $ui-rstudio-tabs-selected-color;
}
}


.rstudio-themes-flat {
.rstheme_toolbarWrapper {
background: $ui-rstudio-toolbar !important;
button, a, div {
color: $ui-rstudio-toolbar-color !important;
}
}
.rstudio-themes-default {
/* spliters */
.gwt-SplitLayoutPanel-HDragger, .gwt-SplitLayoutPanel-VDragger {
background: transparent !important;
}
}
/* search */
.search, &.rstudio-themes-default-menus .search {
background: $ui-rstudio-search !important;
}
}

/* pane toolbars */
.rstheme_secondaryToolbar, .rstudio-themes-flat .dataGridHeader {
background: $ui-rstudio-toolbar !important;
}
/* menu background */
.rstudio-themes-flat {
.popupMiddleCenter, .menuPopupMiddleCenter, .suggestPopupMiddleCenter {
background: $ui-completions-background !important;
color: $ui-completions-color !important;
.item.item-selected, .item-selected {
color: $ui-completions-background !important;
background: $ui-completions-color !important;
}
}
.themedPopupPanel {
border: solid 1px $ui-completions-border;
& ~ div.popupContent div:nth-child(1) {
border: solid 1px $ui-completions-border;
}
}
.popupContent {
background: $ui-completions-background;
color: $ui-completions-color;
&:not(.popupMiddleCenterInner) div div:nth-child(2) {
background: $ui-completions-background !important;
border: solid 1px $ui-completions-border;
}
}
.gwt-PopupPanel .popupContent {
background: $ui-completions-color;
table {
background: $ui-completions-color;
border: 0;
.gwt-Label {
color: $ui-completions-background;
}
}
}
}

/* hacky toolbars section */
.rstudio-themes-flat .rstudio-themes-default {
div.windowframe > div:last-child > div > div > div > div > div:not(.gwt-TabLayoutPanelTabs) {
background: $ui-rstudio-tabs-inactive !important;
}
}

/* scrollbars */
.rstudio-themes-flat .rstudio-themes-default .gwt-TabLayoutPanelTabs,
.rstudio-themes-flat .rstudio-themes-default .rstheme_minimizedWindowObject .rstheme_center,
.rstudio-themes-flat .rstudio-themes-default.rstudio-themes-scrollbars ::-webkit-scrollbar-track,
.rstudio-themes-flat .rstudio-themes-default.rstudio-themes-scrollbars ::-webkit-scrollbar-corner,
.rstudio-themes-flat .rstudio-themes-default.rstudio-themes-scrollbars::-webkit-scrollbar-track,
.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: $ui-rstudio-scrollbar-background;
}

.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: $ui-rstudio-scrollbar-handle;
border: 4px solid $ui-rstudio-scrollbar-background;
}

+ 60
- 0
solarized-light.scss 파일 보기

@@ -0,0 +1,60 @@
/* rs-theme-name: Solarized Light (SCSS) */
/* rs-theme-is-dark: FALSE */

@import "palettes/_solarized";

// primary UI colors
$ui-background : $base3;
$ui-foreground : $base00;
$ui-code-chunk-background: $base2;
$ui-selection : transparentize($base0, 0.6);
$ui-cursor : $red;
$ui-cursor-normal-mode : $ui-cursor;
$ui-margin-line : transparentize($ui-selection, 0.25);
$ui-gutter-color : $base1;
$ui-gutter-background : $base2;

// less common UI colors
$ui-line-active : transparentize(darken($ui-background, 5%), 0.5);
$ui-line-active-gutter : $ui-gutter-color;
$ui-line-active-selection : $base1;
$ui-line-find : $base00;
$ui-bracket : $base0;
$ui-invisible : $base0;
$ui-indent-guide : $base1;
$ui-debug-background : lighten($ui-background, 10%);
$ui-fold-arrows-background: $violet;
$ui-fold-arrows-color : $ui-foreground;

// rstudio
$ui-rstudio-background : lighten($base3, 3%);
$ui-rstudio-color : $ui-foreground;
$ui-rstudio-tabs-inactive : $base3;
$ui-rstudio-tabs-inactive-color : $base1;
$ui-rstudio-tabs-selected : $base2;
$ui-rstudio-tabs-selected-color : $base01;
$ui-rstudio-toolbar : $ui-rstudio-tabs-selected;
$ui-rstudio-toolbar-color : $ui-rstudio-tabs-selected-color;
$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 : $base1;
$rlang-string : $cyan;
$rlang-function : $blue;
$rlang-reserved : $green;
$rlang-operator : $yellow;
$rlang-bracket : $yellow;
$rlang-value : $magenta;
$rlang-namespace: $red;
$rlang-variable : $violet;
$rlang-message : $orange;
$rlang-namespace-font-style: italic;

$other-tag: $rlang-variable;

@import "rstudio/_rstudio-light", "rstudio/_terminal";

Loading…
취소
저장