Просмотр исходного кода

tweak color themes and add $ui-line-active-selection

one
Garrick Aden-Buie 7 лет назад
Родитель
Сommit
eba18ecabb
5 измененных файлов: 30 добавлений и 28 удалений
  1. +2
    -1
      nord-polar-night-aurora.scss
  2. +10
    -9
      oceanic-plus.scss
  3. +2
    -2
      rsthemes/nord-polar-night-aurora.rstheme
  4. +15
    -15
      rsthemes/oceanic-plus.rstheme
  5. +1
    -1
      rstudio/_rstudio-dark.scss

+ 2
- 1
nord-polar-night-aurora.scss Просмотреть файл

$ui-background : $nord0; $ui-background : $nord0;
// $ui-background : #262a33; // $ui-background : #262a33;
$ui-foreground : $nord4; $ui-foreground : $nord4;
$ui-code-chunk-background: $nord0;
$ui-code-chunk-background: $nord1;
$ui-selection : transparentize($nord3, 0.6); $ui-selection : transparentize($nord3, 0.6);
$ui-cursor : $nord9; $ui-cursor : $nord9;
$ui-margin-line : lighten($ui-selection, 5%); $ui-margin-line : lighten($ui-selection, 5%);
// less common UI colors // less common UI colors
$ui-line-active : transparentize($nord2, 0.6); $ui-line-active : transparentize($nord2, 0.6);
$ui-line-active-gutter : $ui-background; $ui-line-active-gutter : $ui-background;
$ui-line-active-selection : opacify($ui-selection, 1);
$ui-line-find : $ui-selection; $ui-line-find : $ui-selection;
$ui-bracket : darken($ui-foreground, 50%); $ui-bracket : darken($ui-foreground, 50%);
$ui-invisible : $nord3; $ui-invisible : $nord3;

+ 10
- 9
oceanic-plus.scss Просмотреть файл

// primary UI colors // primary UI colors
$ui-background : $base00; $ui-background : $base00;
$ui-foreground : $base07; $ui-foreground : $base07;
$ui-code-chunk-background: $base02;
$ui-code-chunk-background: $base01;
$ui-selection : transparentize($base05, 0.6); $ui-selection : transparentize($base05, 0.6);
$ui-cursor : $base0A; $ui-cursor : $base0A;
$ui-margin-line : lighten($ui-selection, 30%);
$ui-margin-line : transparentize($ui-selection, 0.25);
$ui-gutter-color : transparentize($ui-foreground, 0.5); $ui-gutter-color : transparentize($ui-foreground, 0.5);
$ui-gutter-background : $ui-background; $ui-gutter-background : $ui-background;


// less common UI colors // less common UI colors
$ui-line-active : darken($ui-background, 2%);
$ui-line-active-gutter : $base02;
$ui-line-find : $base03;
$ui-bracket : $base03;
$ui-line-active : transparentize(darken($ui-background, 5%), 0.5);
$ui-line-active-gutter : $base01;
$ui-line-active-selection : $base02;
$ui-line-find : $base01;
$ui-bracket : $base02;
$ui-invisible : $base03; $ui-invisible : $base03;
$ui-indent-guide : $ui-invisible;
$ui-indent-guide : $base02;
$ui-debug-background : lighten($ui-background, 10%); $ui-debug-background : lighten($ui-background, 10%);
$ui-fold-arrows-background: $base08; $ui-fold-arrows-background: $base08;
$ui-fold-arrows-color : $ui-foreground; $ui-fold-arrows-color : $ui-foreground;
$ui-rstudio-background : $base01; $ui-rstudio-background : $base01;
$ui-rstudio-color : $ui-foreground; $ui-rstudio-color : $ui-foreground;
$ui-rstudio-tabs-inactive : $base01; $ui-rstudio-tabs-inactive : $base01;
$ui-rstudio-tabs-inactive-color: $base05;
$ui-rstudio-tabs-inactive-color: $base04;
$ui-rstudio-tabs-selected : $base02; $ui-rstudio-tabs-selected : $base02;
$ui-rstudio-tabs-selected-color: $base06;
$ui-rstudio-tabs-selected-color: $base07;
$ui-rstudio-toolbar : $ui-rstudio-tabs-selected; $ui-rstudio-toolbar : $ui-rstudio-tabs-selected;
$ui-rstudio-search : $ui-rstudio-toolbar; $ui-rstudio-search : $ui-rstudio-toolbar;
$ui-completions-background : $ui-background; $ui-completions-background : $ui-background;

+ 2
- 2
rsthemes/nord-polar-night-aurora.rstheme Просмотреть файл

.ace_marker-layer .ace_foreign_line { .ace_marker-layer .ace_foreign_line {
position: absolute; position: absolute;
z-index: -1; z-index: -1;
background-color: #2e3440;
background-color: #3b4252;
} }


.ace_marker-layer .ace_active_debug_line { .ace_marker-layer .ace_active_debug_line {
} }


.ace_active-line ~ .ace_selection.ace_start { .ace_active-line ~ .ace_selection.ace_start {
background-color: #434c5e;
background-color: #4c566a;
} }


.ace_keyword { .ace_keyword {

+ 15
- 15
rsthemes/oceanic-plus.rstheme Просмотреть файл



.ace_print-margin { .ace_print-margin {
width: 2px; width: 2px;
background: rgba(255, 255, 255, 0.4);
background: rgba(192, 197, 206, 0.15);
} }


.ace_editor { .ace_editor {


.ace_marker-layer .ace_bracket { .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px; margin: -1px 0 0 -1px;
border: 1px solid #65737E;
border: 1px solid #4F5B66;
} }


.ace_marker-layer .ace_active-line { .ace_marker-layer .ace_active-line {
background: #18252d;
background: rgba(18, 29, 35, 0.5);
} }


.ace_marker-layer .ace_selected-word { .ace_marker-layer .ace_selected-word {
.ace_marker-layer .ace_foreign_line { .ace_marker-layer .ace_foreign_line {
position: absolute; position: absolute;
z-index: -1; z-index: -1;
background-color: #4F5B66;
background-color: #343D46;
} }


.ace_marker-layer .ace_active_debug_line { .ace_marker-layer .ace_active_debug_line {
.ace_marker-layer .ace_find_line { .ace_marker-layer .ace_find_line {
position: absolute; position: absolute;
z-index: -1; z-index: -1;
background-color: #65737E;
background-color: #343D46;
} }


.ace_gutter-active-line { .ace_gutter-active-line {
background-color: #4F5B66;
background-color: #343D46;
} }


.ace_fold { .ace_fold {
} }


.ace_indent-guide { .ace_indent-guide {
border-right: 1px solid #65737E;
border-right: 1px solid #4F5B66;
} }


.ace_active-line ~ .ace_selection.ace_start { .ace_active-line ~ .ace_selection.ace_start {
background-color: #18252d;
background-color: #4F5B66;
} }


.ace_keyword { .ace_keyword {
.ace_bracket { .ace_bracket {
margin: 0 !important; margin: 0 !important;
border: 0 !important; border: 0 !important;
background-color: #65737E;
background-color: #4F5B66;
} }


.ace_console_error { .ace_console_error {
background-color: #65737E;
background-color: #343D46;
} }


.ace_layer { .ace_layer {
} }


table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs .gwt-Label, .rstheme_multiPodUtilityTabArea .gwt-Label { table.rstheme_tabLayoutCenter .gwt-Label, .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs .gwt-Label, .rstheme_multiPodUtilityTabArea .gwt-Label {
color: #C0C5CE;
color: #A7ADBA;
} }


/* toolbar and selected tab */ /* toolbar and selected tab */
} }


.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTab-selected .gwt-Label { .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTab-selected .gwt-Label {
color: #CDD3DE;
color: #D8DEE9;
} }


.rstheme_toolbarWrapper { .rstheme_toolbarWrapper {
} }


.themedPopupPanel { .themedPopupPanel {
border: solid 1px #65737E;
border: solid 1px #4F5B66;
} }


.themedPopupPanel ~ div.popupContent div:nth-child(1) { .themedPopupPanel ~ div.popupContent div:nth-child(1) {
border: solid 1px #65737E;
border: solid 1px #4F5B66;
} }


.popupContent { .popupContent {


.popupContent:not(.popupMiddleCenterInner) div div:nth-child(2) { .popupContent:not(.popupMiddleCenterInner) div div:nth-child(2) {
background: #1B2B34 !important; background: #1B2B34 !important;
border: solid 1px #65737E;
border: solid 1px #4F5B66;
} }


.terminal { .terminal {

+ 1
- 1
rstudio/_rstudio-dark.scss Просмотреть файл

border-right: 1px solid $ui-indent_guide; border-right: 1px solid $ui-indent_guide;
} }
.ace_active-line ~ .ace_selection.ace_start { .ace_active-line ~ .ace_selection.ace_start {
background-color: opacify($ui-line-active, 1);
background-color: $ui-line-active-selection;
} }
.ace_keyword { .ace_keyword {
font-style: italic; font-style: italic;

Загрузка…
Отмена
Сохранить