| /* 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"; |
| color: #2e3440; | 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 */ | /* scrollbars */ | ||||
| .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, | .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, | ||||
| .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center, | .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center, |
| color: #1B2B34; | 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 */ | /* scrollbars */ | ||||
| .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, | .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, | ||||
| .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center, | .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center, |
| color: #002b36; | 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 */ | /* scrollbars */ | ||||
| .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, | .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, | ||||
| .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center, | .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center, |
| background-color: $ui-background; | background-color: $ui-background; | ||||
| color: $ui-foreground; | 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 { | .ace_cursor { | ||||
| color: $ui-cursor; | color: $ui-cursor; | ||||
| } | } | ||||
| .normal-mode .ace_cursor { | |||||
| border: 0!important; | |||||
| background-color: $ui-cursor-normal-mode; | |||||
| opacity: 0.5; | |||||
| } | |||||
| .ace_marker-layer { | .ace_marker-layer { | ||||
| .ace_selection { | .ace_selection { | ||||
| background: $ui-selection; | background: $ui-selection; | ||||
| background-color: $ui-line-active-gutter; | background-color: $ui-line-active-gutter; | ||||
| } | } | ||||
| .ace_fold { | .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 { | .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; | ||||
| color: $rlang-reserved !important; | 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; | |||||
| } |
| /* 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"; |