| @@ -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"; | |||
| @@ -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, | |||
| @@ -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, | |||
| @@ -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, | |||
| @@ -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; | |||
| } | |||
| @@ -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"; | |||