From b93fc1fe2a6c7484ea64ee7ee910a1849a15e8a7 Mon Sep 17 00:00:00 2001 From: Garrick Aden-Buie Date: Fri, 12 Nov 2021 10:24:54 -0500 Subject: [PATCH] Transparent scroll bar backgrounds (#76) --- NEWS.md | 3 + R/create.R | 4 +- inst/templates/a11y-dark.scss | 4 +- inst/templates/a11y-light.scss | 4 +- .../base16/base16-dark_template.scss | 2 +- .../base16/base16-light_template.scss | 2 +- inst/templates/flat-white.scss | 2 +- inst/templates/github.scss | 2 +- inst/templates/horizon-dark.scss | 2 +- inst/templates/make.R | 6 +- inst/templates/material-darker.scss | 2 +- inst/templates/material-lighter.scss | 2 +- inst/templates/material-ocean.scss | 2 +- inst/templates/material-palenight.scss | 2 +- inst/templates/material.scss | 2 +- inst/templates/night-owl.scss | 2 +- inst/templates/nord-polar-night-aurora.scss | 2 +- inst/templates/nord-snow-storm.scss | 2 +- inst/templates/oceanic-plus.scss | 2 +- inst/templates/one-dark.scss | 2 +- inst/templates/one-light.scss | 2 +- inst/templates/rstudio/_defaults.scss | 2 +- inst/templates/rstudio/_rstudio-dark.scss | 11 ++++ inst/templates/rstudio/_rstudio-light.scss | 9 +++ inst/templates/serendipity-dark.scss | 2 +- inst/templates/serendipity-light.scss | 2 +- inst/templates/solarized-dark.scss | 2 +- inst/templates/solarized-light.scss | 2 +- .../yule-rstudio-reduced-motion.scss | 2 +- inst/templates/yule-rstudio-rsthemes.scss | 2 +- inst/themes/a11y-dark.rstheme | 61 +++++++++++-------- inst/themes/a11y-light.rstheme | 34 +++++++---- inst/themes/base16/base16-3024.rstheme | 19 ++++-- inst/themes/base16/base16-apathy.rstheme | 19 ++++-- inst/themes/base16/base16-ashes.rstheme | 19 ++++-- .../themes/base16/base16-atelier-cave.rstheme | 19 ++++-- .../themes/base16/base16-atelier-dune.rstheme | 19 ++++-- .../base16/base16-atelier-estuary.rstheme | 19 ++++-- .../base16/base16-atelier-forest.rstheme | 19 ++++-- .../base16/base16-atelier-heath.rstheme | 19 ++++-- .../base16/base16-atelier-lakeside.rstheme | 19 ++++-- .../base16/base16-atelier-plateau.rstheme | 19 ++++-- .../base16/base16-atelier-savanna.rstheme | 19 ++++-- .../base16/base16-atelier-seaside.rstheme | 19 ++++-- .../base16/base16-atelier-sulphurpool.rstheme | 19 ++++-- inst/themes/base16/base16-bespin.rstheme | 19 ++++-- inst/themes/base16/base16-brewer.rstheme | 19 ++++-- inst/themes/base16/base16-bright.rstheme | 19 ++++-- inst/themes/base16/base16-chalk.rstheme | 19 ++++-- inst/themes/base16/base16-codeschool.rstheme | 19 ++++-- inst/themes/base16/base16-cupcake.rstheme | 18 ++++-- inst/themes/base16/base16-darktooth.rstheme | 19 ++++-- .../themes/base16/base16-default-dark.rstheme | 19 ++++-- .../base16/base16-default-light.rstheme | 18 ++++-- inst/themes/base16/base16-dracula.rstheme | 19 ++++-- inst/themes/base16/base16-eighties.rstheme | 19 ++++-- inst/themes/base16/base16-embers.rstheme | 19 ++++-- inst/themes/base16/base16-flat.rstheme | 19 ++++-- inst/themes/base16/base16-google-dark.rstheme | 19 ++++-- .../themes/base16/base16-google-light.rstheme | 18 ++++-- .../base16/base16-grayscale-dark.rstheme | 19 ++++-- .../base16/base16-grayscale-light.rstheme | 18 ++++-- .../themes/base16/base16-green-screen.rstheme | 19 ++++-- .../base16/base16-gruvbox-dark-hard.rstheme | 19 ++++-- .../base16/base16-gruvbox-dark-medium.rstheme | 19 ++++-- .../base16/base16-gruvbox-dark-pale.rstheme | 19 ++++-- .../base16/base16-gruvbox-dark-soft.rstheme | 19 ++++-- .../base16/base16-gruvbox-light-hard.rstheme | 18 ++++-- .../base16-gruvbox-light-medium.rstheme | 18 ++++-- .../base16/base16-gruvbox-light-soft.rstheme | 18 ++++-- .../base16/base16-harmonic16-dark.rstheme | 19 ++++-- .../base16/base16-harmonic16-light.rstheme | 18 ++++-- inst/themes/base16/base16-hopscotch.rstheme | 19 ++++-- inst/themes/base16/base16-ir-black.rstheme | 19 ++++-- inst/themes/base16/base16-isotope.rstheme | 19 ++++-- inst/themes/base16/base16-london-tube.rstheme | 19 ++++-- inst/themes/base16/base16-macintosh.rstheme | 19 ++++-- inst/themes/base16/base16-marrakesh.rstheme | 19 ++++-- inst/themes/base16/base16-materia.rstheme | 19 ++++-- .../themes/base16/base16-mexico-light.rstheme | 18 ++++-- inst/themes/base16/base16-mocha.rstheme | 19 ++++-- inst/themes/base16/base16-monokai.rstheme | 19 ++++-- inst/themes/base16/base16-nord.rstheme | 19 ++++-- inst/themes/base16/base16-ocean.rstheme | 19 ++++-- inst/themes/base16/base16-oceanicnext.rstheme | 19 ++++-- inst/themes/base16/base16-onedark.rstheme | 19 ++++-- inst/themes/base16/base16-paraiso.rstheme | 19 ++++-- inst/themes/base16/base16-phd.rstheme | 19 ++++-- inst/themes/base16/base16-pico.rstheme | 19 ++++-- inst/themes/base16/base16-pop.rstheme | 19 ++++-- inst/themes/base16/base16-railscasts.rstheme | 19 ++++-- inst/themes/base16/base16-rebecca.rstheme | 19 ++++-- inst/themes/base16/base16-seti-ui.rstheme | 19 ++++-- .../themes/base16/base16-shapeshifter.rstheme | 18 ++++-- inst/themes/base16/base16-solar-flare.rstheme | 19 ++++-- .../base16/base16-solarized-dark.rstheme | 19 ++++-- .../base16/base16-solarized-light.rstheme | 18 ++++-- inst/themes/base16/base16-spacemacs.rstheme | 19 ++++-- .../base16/base16-summerfruit-dark.rstheme | 19 ++++-- .../base16/base16-summerfruit-light.rstheme | 18 ++++-- .../base16/base16-tomorrow-night.rstheme | 19 ++++-- inst/themes/base16/base16-tomorrow.rstheme | 18 ++++-- inst/themes/base16/base16-twilight.rstheme | 19 ++++-- .../base16/base16-unikitty-dark.rstheme | 19 ++++-- .../base16/base16-unikitty-light.rstheme | 18 ++++-- inst/themes/base16/base16-woodland.rstheme | 19 ++++-- inst/themes/fairyfloss.rstheme | 19 ++++-- inst/themes/flat-white.rstheme | 18 ++++-- inst/themes/github.rstheme | 18 ++++-- inst/themes/horizon-dark.rstheme | 19 ++++-- inst/themes/material-darker.rstheme | 19 ++++-- inst/themes/material-lighter.rstheme | 18 ++++-- inst/themes/material-ocean.rstheme | 19 ++++-- inst/themes/material-palenight.rstheme | 19 ++++-- inst/themes/material.rstheme | 19 ++++-- inst/themes/night-owl.rstheme | 19 ++++-- inst/themes/nord-polar-night-aurora.rstheme | 19 ++++-- inst/themes/nord-snow-storm.rstheme | 18 ++++-- inst/themes/oceanic-plus.rstheme | 19 ++++-- inst/themes/one-dark.rstheme | 19 ++++-- inst/themes/one-light.rstheme | 18 ++++-- inst/themes/serendipity-dark.rstheme | 14 ++++- inst/themes/serendipity-light.rstheme | 13 +++- inst/themes/solarized-dark.rstheme | 19 ++++-- inst/themes/solarized-light.rstheme | 19 ++++-- .../yule-rstudio-reduced-motion.rstheme | 19 ++++-- inst/themes/yule-rstudio-rsthemes.rstheme | 19 ++++-- man/rstheme.Rd | 4 +- 128 files changed, 1515 insertions(+), 446 deletions(-) diff --git a/NEWS.md b/NEWS.md index ae7755d..35d0215 100644 --- a/NEWS.md +++ b/NEWS.md @@ -23,6 +23,9 @@ * New theme: Serendipity Dark and Light, based on the [VS Code theme from wickedtemplates](https://wvsc.dev) (#73). + +* Backgrounds of scrollbars are now transparent and don't hide the code + underneath the scrollbar (thanks @dragosmg, #75). # rsthemes 0.2.0 (2020-12-07) diff --git a/R/create.R b/R/create.R index c32522e..21c0150 100644 --- a/R/create.R +++ b/R/create.R @@ -46,7 +46,7 @@ #' @param ui_rstudio_toolbar_background Default: `$ui_rstudio_tabs_active_background` #' @param ui_rstudio_toolbar_foreground Default: `$ui_foreground` #' @param ui_rstudio_search Default: `$ui_rstudio_toolbar_background` -#' @param ui_rstudio_scrollbar_background Default: `$ui_background` +#' @param ui_rstudio_scrollbar_background Default: `transparentize($ui_background, 0.5)` #' @param ui_rstudio_scrollbar_handle Default: `$rmd_chunk_background` #' @param ui_cursor Default: `#FF0000` #' @param ui_cursor_normal_mode Default: `$ui_cursor` @@ -132,7 +132,7 @@ rstheme <- function( ui_rstudio_toolbar_background = "$ui_rstudio_tabs_active_background", ui_rstudio_toolbar_foreground = "$ui_foreground", ui_rstudio_search = "$ui_rstudio_toolbar_background", - ui_rstudio_scrollbar_background = "$ui_background", + ui_rstudio_scrollbar_background = "transparentize($ui_background, 0.5)", ui_rstudio_scrollbar_handle = "$rmd_chunk_background", ui_cursor = "#FF0000", ui_cursor_normal_mode = "$ui_cursor", diff --git a/inst/templates/a11y-dark.scss b/inst/templates/a11y-dark.scss index 28eea73..fa373cd 100644 --- a/inst/templates/a11y-dark.scss +++ b/inst/templates/a11y-dark.scss @@ -36,7 +36,7 @@ $ui_rstudio_tabs_active_foreground: $ui_foreground; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: transparentize($blue, 0.5); $ui_cursor_normal_mode: $ui_cursor; @@ -88,7 +88,6 @@ $rmd_chunk_header_background: $code_function_background; $rmd_href: $blue-dark; $rmd_href_background: $code_reserved_background; @import "rstudio/_rstudio-dark.scss"; -@import "rstudio/_terminal.scss"; [class="ace_keyword"] { font-weight: 600; @@ -109,6 +108,7 @@ $rmd_href_background: $code_reserved_background; border-color: #454545; } +@import "rstudio/_terminal.scss"; $ui_command_palette_background: $ui_background; $ui_command_palette_search_background: $ui_command_palette_background; $ui_command_palette_border: $ui_command_palette_background; diff --git a/inst/templates/a11y-light.scss b/inst/templates/a11y-light.scss index 90ee0b5..6ba75a3 100644 --- a/inst/templates/a11y-light.scss +++ b/inst/templates/a11y-light.scss @@ -35,7 +35,7 @@ $ui_rstudio_tabs_active_foreground: $ui_foreground; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: transparentize($red, 0.5); $ui_cursor_normal_mode: $ui_cursor; @@ -87,7 +87,6 @@ $rmd_chunk_header_background: $code_function_background; $rmd_href: $blue-dark; $rmd_href_background: $code_reserved_background; @import "rstudio/_rstudio-light.scss"; -@import "rstudio/_terminal.scss"; [class="ace_keyword"] { font-weight: 600; @@ -96,6 +95,7 @@ $rmd_href_background: $code_reserved_background; font-weight: 600; } +@import "rstudio/_terminal.scss"; $ui_command_palette_background: $ui_background; $ui_command_palette_search_background: $ui_command_palette_background; $ui_command_palette_border: $ui_command_palette_background; diff --git a/inst/templates/base16/base16-dark_template.scss b/inst/templates/base16/base16-dark_template.scss index 9ffbca9..e15a6d1 100644 --- a/inst/templates/base16/base16-dark_template.scss +++ b/inst/templates/base16/base16-dark_template.scss @@ -38,7 +38,7 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors diff --git a/inst/templates/base16/base16-light_template.scss b/inst/templates/base16/base16-light_template.scss index a54202c..8ad6def 100644 --- a/inst/templates/base16/base16-light_template.scss +++ b/inst/templates/base16/base16-light_template.scss @@ -38,7 +38,7 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors diff --git a/inst/templates/flat-white.scss b/inst/templates/flat-white.scss index 9898241..bf7d3a7 100644 --- a/inst/templates/flat-white.scss +++ b/inst/templates/flat-white.scss @@ -45,7 +45,7 @@ $ui_rstudio_tabs_inactive_foreground: $base2; $ui_completions_background: $ui_background; $ui_completions_foreground: $ui_foreground; $ui_completions_border: $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; // R language colors diff --git a/inst/templates/github.scss b/inst/templates/github.scss index 3e960d2..4871d4d 100644 --- a/inst/templates/github.scss +++ b/inst/templates/github.scss @@ -40,7 +40,7 @@ $ui_rstudio_search: $ui_rstudio_toolbar_background; $ui_completions_background: $ui_background; $ui_completions_foreground: $ui_foreground; $ui_completions_border: $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; // R language colors diff --git a/inst/templates/horizon-dark.scss b/inst/templates/horizon-dark.scss index b553957..cf0ace0 100644 --- a/inst/templates/horizon-dark.scss +++ b/inst/templates/horizon-dark.scss @@ -36,7 +36,7 @@ $ui_rstudio_tabs_active_foreground: $base08; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $base05; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: #1eaeae; $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/make.R b/inst/templates/make.R index 83e6566..f025b3d 100644 --- a/inst/templates/make.R +++ b/inst/templates/make.R @@ -5,5 +5,7 @@ r_files <- r_files[!grepl("make[.]R", r_files)] purrr::walk(r_files, source) -make_rsthemes() -install_rsthemes() +withr::with_dir(here::here(), { + make_rsthemes() + install_rsthemes() +}) diff --git a/inst/templates/material-darker.scss b/inst/templates/material-darker.scss index a1591fc..fb3b5e0 100644 --- a/inst/templates/material-darker.scss +++ b/inst/templates/material-darker.scss @@ -35,7 +35,7 @@ $ui_rstudio_tabs_active_foreground: $base06; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $base03; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $gold; $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/material-lighter.scss b/inst/templates/material-lighter.scss index aae1706..4b179fb 100644 --- a/inst/templates/material-lighter.scss +++ b/inst/templates/material-lighter.scss @@ -36,7 +36,7 @@ $ui_rstudio_tabs_active_foreground: $base06; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $base03; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $gold; $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/material-ocean.scss b/inst/templates/material-ocean.scss index 3fe97b1..4462b03 100644 --- a/inst/templates/material-ocean.scss +++ b/inst/templates/material-ocean.scss @@ -35,7 +35,7 @@ $ui_rstudio_tabs_active_foreground: $base06; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $base03; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $gold; $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/material-palenight.scss b/inst/templates/material-palenight.scss index daee6ac..839aff2 100644 --- a/inst/templates/material-palenight.scss +++ b/inst/templates/material-palenight.scss @@ -35,7 +35,7 @@ $ui_rstudio_tabs_active_foreground: $base06; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $base03; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $gold; $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/material.scss b/inst/templates/material.scss index add1fb1..40196c5 100644 --- a/inst/templates/material.scss +++ b/inst/templates/material.scss @@ -35,7 +35,7 @@ $ui_rstudio_tabs_active_foreground: $base06; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $base03; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $gold; $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/night-owl.scss b/inst/templates/night-owl.scss index ce4d749..b435f91 100644 --- a/inst/templates/night-owl.scss +++ b/inst/templates/night-owl.scss @@ -46,7 +46,7 @@ $ui_rstudio_tabs_active_foreground: $ui_foreground; $ui_rstudio_toolbar_background: $dark2; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: transparentize($blue1, 0.5); $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/nord-polar-night-aurora.scss b/inst/templates/nord-polar-night-aurora.scss index e863146..0e0ba12 100644 --- a/inst/templates/nord-polar-night-aurora.scss +++ b/inst/templates/nord-polar-night-aurora.scss @@ -40,7 +40,6 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors @@ -67,6 +66,7 @@ $ui_paren_4: $nord13; // yellow $ui_paren_5: $nord14; // green $ui_paren_6: $nord15; // purple +@import "rstudio/_defaults"; @import "rstudio/_rstudio-dark", "rstudio/_rstudio-dark-flatter"; @import "rstudio/_components"; diff --git a/inst/templates/nord-snow-storm.scss b/inst/templates/nord-snow-storm.scss index ddda34c..f9882c5 100644 --- a/inst/templates/nord-snow-storm.scss +++ b/inst/templates/nord-snow-storm.scss @@ -39,7 +39,6 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $nord6; // R language colors @@ -71,6 +70,7 @@ $ui_paren_4: $nord13; // yellow $ui_paren_5: $nord14; // green $ui_paren_6: $nord15; // purple +@import "rstudio/_defaults"; @import "rstudio/_rstudio-light", "rstudio/_rstudio-light-flatter"; @import "rstudio/_components"; diff --git a/inst/templates/oceanic-plus.scss b/inst/templates/oceanic-plus.scss index ed113cc..2987938 100644 --- a/inst/templates/oceanic-plus.scss +++ b/inst/templates/oceanic-plus.scss @@ -39,7 +39,6 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors @@ -84,6 +83,7 @@ $terminal_color_cyan_bright: $base0C; $terminal_color_white: darken($ui_foreground, 5%); $terminal_color_white_bright: lighten($terminal_color_white, 10%); +@import "rstudio/_defaults"; @import "rstudio/_rstudio-dark", "rstudio/_rstudio-dark-flatter"; @import "rstudio/_components"; diff --git a/inst/templates/one-dark.scss b/inst/templates/one-dark.scss index 86e9a0e..ecc6859 100644 --- a/inst/templates/one-dark.scss +++ b/inst/templates/one-dark.scss @@ -36,7 +36,6 @@ $ui_rstudio_tabs_active_foreground : $ui_foreground; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors @@ -68,6 +67,7 @@ $ui_paren_4: $hue-1; $ui_paren_5: $hue-3; $ui_paren_6: $hue-2; +@import "rstudio/_defaults"; @import "rstudio/_rstudio-dark", "rstudio/_rstudio-dark-flatter"; @import "rstudio/_components"; diff --git a/inst/templates/one-light.scss b/inst/templates/one-light.scss index e706443..7a74c8f 100644 --- a/inst/templates/one-light.scss +++ b/inst/templates/one-light.scss @@ -33,7 +33,6 @@ $ui_rstudio_tabs_inactive_background : $ui_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors @@ -65,6 +64,7 @@ $rmd_heading_foreground: $hue-5-2; $rmd_chunk_header: $hue-1; $rmd_href: $hue-6-2; +@import "rstudio/_defaults"; @import "rstudio/_rstudio-light", "rstudio/_rstudio-light-flatter"; @import "rstudio/_components"; diff --git a/inst/templates/rstudio/_defaults.scss b/inst/templates/rstudio/_defaults.scss index 732f1cc..b98ed80 100644 --- a/inst/templates/rstudio/_defaults.scss +++ b/inst/templates/rstudio/_defaults.scss @@ -40,7 +40,7 @@ $ui_completions_foreground: $ui_foreground !default; $ui_completions_selected_foreground: $ui_completions_foreground !default; $ui_completions_selected_background: $ui_line_active_selection !default; $ui_completions_border: $ui_bracket !default; -$ui_rstudio_scrollbar_background: transparent !default; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5) !default; $ui_rstudio_scrollbar_handle: $rmd_chunk_background !default; $ui_rstudio_scrollbar_handle_border: $ui_background !default; diff --git a/inst/templates/rstudio/_rstudio-dark.scss b/inst/templates/rstudio/_rstudio-dark.scss index 0254ef8..9e925cf 100644 --- a/inst/templates/rstudio/_rstudio-dark.scss +++ b/inst/templates/rstudio/_rstudio-dark.scss @@ -379,6 +379,17 @@ table.rstheme_tabLayoutCenter, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat { + .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, + .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, + &.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; + } + .ace_scroller { + overflow: visible; + } +} .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; diff --git a/inst/templates/rstudio/_rstudio-light.scss b/inst/templates/rstudio/_rstudio-light.scss index e8aef4c..d399f05 100644 --- a/inst/templates/rstudio/_rstudio-light.scss +++ b/inst/templates/rstudio/_rstudio-light.scss @@ -408,6 +408,15 @@ table.rstheme_tabLayoutCenter, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat { + .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; + } + .ace_scroller { + overflow: visible; + } +} .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; diff --git a/inst/templates/serendipity-dark.scss b/inst/templates/serendipity-dark.scss index 141040f..58c4f02 100644 --- a/inst/templates/serendipity-dark.scss +++ b/inst/templates/serendipity-dark.scss @@ -34,7 +34,7 @@ $ui_rstudio_tabs_active_foreground: $foreground; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: transparentize($green, 0.25); $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/serendipity-light.scss b/inst/templates/serendipity-light.scss index c0c3ebf..3469250 100644 --- a/inst/templates/serendipity-light.scss +++ b/inst/templates/serendipity-light.scss @@ -34,7 +34,7 @@ $ui_rstudio_tabs_active_foreground: #232834; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: transparentize($pink, 0.5); $ui_cursor_normal_mode: $ui_cursor; diff --git a/inst/templates/solarized-dark.scss b/inst/templates/solarized-dark.scss index bae9524..3479344 100644 --- a/inst/templates/solarized-dark.scss +++ b/inst/templates/solarized-dark.scss @@ -39,7 +39,6 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $base02; // R language colors @@ -61,5 +60,6 @@ $code_other: $code_variable; font-style: italic; } +@import "rstudio/_defaults"; @import "rstudio/_rstudio-dark", "rstudio/_terminal", "rstudio/_components"; diff --git a/inst/templates/solarized-light.scss b/inst/templates/solarized-light.scss index c32a565..62ddf4f 100644 --- a/inst/templates/solarized-light.scss +++ b/inst/templates/solarized-light.scss @@ -39,7 +39,6 @@ $ui_rstudio_search : $ui_rstudio_toolbar_background; $ui_completions_background : $ui_background; $ui_completions_foreground : $ui_foreground; $ui_completions_border : $ui_bracket; -$ui_rstudio_scrollbar_background: $ui_background; $ui_rstudio_scrollbar_handle : $rmd_chunk_background; // R language colors @@ -61,5 +60,6 @@ $code_other: $code_variable; font-style: italic; } +@import "rstudio/_defaults"; @import "rstudio/_rstudio-dark", "rstudio/_terminal", "rstudio/_components"; diff --git a/inst/templates/yule-rstudio-reduced-motion.scss b/inst/templates/yule-rstudio-reduced-motion.scss index c60aec9..328694f 100644 --- a/inst/templates/yule-rstudio-reduced-motion.scss +++ b/inst/templates/yule-rstudio-reduced-motion.scss @@ -40,7 +40,7 @@ $ui_rstudio_tabs_active_foreground: $ivory; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $teal; $ui_cursor_normal_mode: transparentize($teal, 0.4); diff --git a/inst/templates/yule-rstudio-rsthemes.scss b/inst/templates/yule-rstudio-rsthemes.scss index 68c32fd..8ba92e8 100644 --- a/inst/templates/yule-rstudio-rsthemes.scss +++ b/inst/templates/yule-rstudio-rsthemes.scss @@ -40,7 +40,7 @@ $ui_rstudio_tabs_active_foreground: $ivory; $ui_rstudio_toolbar_background: $ui_rstudio_tabs_active_background; $ui_rstudio_toolbar_foreground: $ui_foreground; $ui_rstudio_search: $ui_rstudio_toolbar_background; -$ui_rstudio_scrollbar_background: $ui_background; +$ui_rstudio_scrollbar_background: transparentize($ui_background, 0.5); $ui_rstudio_scrollbar_handle: $rmd_chunk_background; $ui_cursor: $teal; $ui_cursor_normal_mode: transparentize($teal, 0.4); diff --git a/inst/themes/a11y-dark.rstheme b/inst/themes/a11y-dark.rstheme index 09bab90..363cbd0 100644 --- a/inst/themes/a11y-dark.rstheme +++ b/inst/themes/a11y-dark.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(254, 254, 254, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(254, 254, 254, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1e1e1e #2B2B2B; + scrollbar-color: #1e1e1e rgba(43, 43, 43, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2B2B2B; + background: rgba(43, 43, 43, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { @@ -475,6 +486,27 @@ table.rstheme_tabLayoutCenter .gwt-Label, background-color: #FFA500; } +[class="ace_keyword"] { + font-weight: 600; +} + +.ace_function { + font-weight: 600; +} + +.rstudio-themes-flat .rstudio-themes-border, +.rstudio-themes-flat .rstudio-themes-dark-grey .windowframe > div:last-child, +.rstudio-themes-flat .rstudio-themes-dark-grey .rstudio-themes-background, +.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs table.rstheme_tabLayoutCenter, +.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject, +.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject > div:last-child, +.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject table.rstheme_tabLayoutCenter, +.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject table.rstheme_center, +.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_toolbarWrapper, +.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanel > div > div.gwt-TabLayoutPanelTabs { + border-color: #454545; +} + .terminal { background-color: #2B2B2B; color: #FEFEFE; @@ -2596,27 +2628,6 @@ table.rstheme_tabLayoutCenter .gwt-Label, background-color: #eeeeee; } -[class="ace_keyword"] { - font-weight: 600; -} - -.ace_function { - font-weight: 600; -} - -.rstudio-themes-flat .rstudio-themes-border, -.rstudio-themes-flat .rstudio-themes-dark-grey .windowframe > div:last-child, -.rstudio-themes-flat .rstudio-themes-dark-grey .rstudio-themes-background, -.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs table.rstheme_tabLayoutCenter, -.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject, -.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject > div:last-child, -.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject table.rstheme_tabLayoutCenter, -.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject table.rstheme_center, -.rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_toolbarWrapper, -.rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanel > div > div.gwt-TabLayoutPanelTabs { - border-color: #454545; -} - #rstudio_command_palette_search, #rstudio_command_palette_list [id^="rstudio_command_"], input#rstudio_command_palette_search { diff --git a/inst/themes/a11y-light.rstheme b/inst/themes/a11y-light.rstheme index efbd502..dcba0b0 100644 --- a/inst/themes/a11y-light.rstheme +++ b/inst/themes/a11y-light.rstheme @@ -107,8 +107,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(43, 43, 43, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(43, 43, 43, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -471,10 +472,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #f1f1f1 #FEFEFE; + scrollbar-color: #f1f1f1 rgba(254, 254, 254, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -483,7 +493,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #FEFEFE; + background: rgba(254, 254, 254, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { @@ -506,6 +516,14 @@ table.rstheme_tabLayoutCenter .gwt-Label, background-color: #4254a7; } +[class="ace_keyword"] { + font-weight: 600; +} + +.ace_function { + font-weight: 600; +} + .terminal { background-color: #FEFEFE; color: #2B2B2B; @@ -2627,14 +2645,6 @@ table.rstheme_tabLayoutCenter .gwt-Label, background-color: #eeeeee; } -[class="ace_keyword"] { - font-weight: 600; -} - -.ace_function { - font-weight: 600; -} - #rstudio_command_palette_search, #rstudio_command_palette_list [id^="rstudio_command_"], input#rstudio_command_palette_search { diff --git a/inst/themes/base16/base16-3024.rstheme b/inst/themes/base16/base16-3024.rstheme index f1b6ec8..b2fb370 100644 --- a/inst/themes/base16/base16-3024.rstheme +++ b/inst/themes/base16/base16-3024.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4a4543; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4a4543; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3a3432 #090300; + scrollbar-color: #3a3432 rgba(9, 3, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #090300; + background: rgba(9, 3, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-apathy.rstheme b/inst/themes/base16/base16-apathy.rstheme index a6daaf5..c1e5292 100644 --- a/inst/themes/base16/base16-apathy.rstheme +++ b/inst/themes/base16/base16-apathy.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #184E45; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #184E45; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #0B342D #031A16; + scrollbar-color: #0B342D rgba(3, 26, 22, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #031A16; + background: rgba(3, 26, 22, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-ashes.rstheme b/inst/themes/base16/base16-ashes.rstheme index 25caf13..cf3bd85 100644 --- a/inst/themes/base16/base16-ashes.rstheme +++ b/inst/themes/base16/base16-ashes.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #565E65; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #565E65; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #393F45 #1C2023; + scrollbar-color: #393F45 rgba(28, 32, 35, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1C2023; + background: rgba(28, 32, 35, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-cave.rstheme b/inst/themes/base16/base16-atelier-cave.rstheme index f020621..286a099 100644 --- a/inst/themes/base16/base16-atelier-cave.rstheme +++ b/inst/themes/base16/base16-atelier-cave.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #585260; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #585260; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #26232a #19171c; + scrollbar-color: #26232a rgba(25, 23, 28, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #19171c; + background: rgba(25, 23, 28, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-dune.rstheme b/inst/themes/base16/base16-atelier-dune.rstheme index 15c85fb..90ae6a9 100644 --- a/inst/themes/base16/base16-atelier-dune.rstheme +++ b/inst/themes/base16/base16-atelier-dune.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #6e6b5e; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #6e6b5e; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #292824 #20201d; + scrollbar-color: #292824 rgba(32, 32, 29, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #20201d; + background: rgba(32, 32, 29, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-estuary.rstheme b/inst/themes/base16/base16-atelier-estuary.rstheme index 6cb7b5b..f7d42b5 100644 --- a/inst/themes/base16/base16-atelier-estuary.rstheme +++ b/inst/themes/base16/base16-atelier-estuary.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5f5e4e; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5f5e4e; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #302f27 #22221b; + scrollbar-color: #302f27 rgba(34, 34, 27, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #22221b; + background: rgba(34, 34, 27, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-forest.rstheme b/inst/themes/base16/base16-atelier-forest.rstheme index 8f7daa4..a314145 100644 --- a/inst/themes/base16/base16-atelier-forest.rstheme +++ b/inst/themes/base16/base16-atelier-forest.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #68615e; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #68615e; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #2c2421 #1b1918; + scrollbar-color: #2c2421 rgba(27, 25, 24, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1b1918; + background: rgba(27, 25, 24, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-heath.rstheme b/inst/themes/base16/base16-atelier-heath.rstheme index 7b346d5..2d01f45 100644 --- a/inst/themes/base16/base16-atelier-heath.rstheme +++ b/inst/themes/base16/base16-atelier-heath.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #695d69; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #695d69; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #292329 #1b181b; + scrollbar-color: #292329 rgba(27, 24, 27, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1b181b; + background: rgba(27, 24, 27, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-lakeside.rstheme b/inst/themes/base16/base16-atelier-lakeside.rstheme index 12df70a..1d042eb 100644 --- a/inst/themes/base16/base16-atelier-lakeside.rstheme +++ b/inst/themes/base16/base16-atelier-lakeside.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #516d7b; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #516d7b; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1f292e #161b1d; + scrollbar-color: #1f292e rgba(22, 27, 29, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #161b1d; + background: rgba(22, 27, 29, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-plateau.rstheme b/inst/themes/base16/base16-atelier-plateau.rstheme index 44bd989..0989787 100644 --- a/inst/themes/base16/base16-atelier-plateau.rstheme +++ b/inst/themes/base16/base16-atelier-plateau.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #585050; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #585050; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #292424 #1b1818; + scrollbar-color: #292424 rgba(27, 24, 24, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1b1818; + background: rgba(27, 24, 24, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-savanna.rstheme b/inst/themes/base16/base16-atelier-savanna.rstheme index 035634f..d3f2183 100644 --- a/inst/themes/base16/base16-atelier-savanna.rstheme +++ b/inst/themes/base16/base16-atelier-savanna.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #526057; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #526057; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #232a25 #171c19; + scrollbar-color: #232a25 rgba(23, 28, 25, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #171c19; + background: rgba(23, 28, 25, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-seaside.rstheme b/inst/themes/base16/base16-atelier-seaside.rstheme index 042e432..1dac485 100644 --- a/inst/themes/base16/base16-atelier-seaside.rstheme +++ b/inst/themes/base16/base16-atelier-seaside.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5e6e5e; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5e6e5e; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #242924 #131513; + scrollbar-color: #242924 rgba(19, 21, 19, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #131513; + background: rgba(19, 21, 19, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-atelier-sulphurpool.rstheme b/inst/themes/base16/base16-atelier-sulphurpool.rstheme index e008958..4bd0c3f 100644 --- a/inst/themes/base16/base16-atelier-sulphurpool.rstheme +++ b/inst/themes/base16/base16-atelier-sulphurpool.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5e6687; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5e6687; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #293256 #202746; + scrollbar-color: #293256 rgba(32, 39, 70, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #202746; + background: rgba(32, 39, 70, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-bespin.rstheme b/inst/themes/base16/base16-bespin.rstheme index c3feb55..93ddcb5 100644 --- a/inst/themes/base16/base16-bespin.rstheme +++ b/inst/themes/base16/base16-bespin.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5e5d5c; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5e5d5c; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #36312e #28211c; + scrollbar-color: #36312e rgba(40, 33, 28, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #28211c; + background: rgba(40, 33, 28, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-brewer.rstheme b/inst/themes/base16/base16-brewer.rstheme index 85c64be..1cdd915 100644 --- a/inst/themes/base16/base16-brewer.rstheme +++ b/inst/themes/base16/base16-brewer.rstheme @@ -100,8 +100,9 @@ } .ace_indent-guide { - border-right: 1px solid #515253; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #515253; } .ace_active-line ~ .ace_selection.ace_start { @@ -442,10 +443,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #2e2f30 #0c0d0e; + scrollbar-color: #2e2f30 rgba(12, 13, 14, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -454,7 +465,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #0c0d0e; + background: rgba(12, 13, 14, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-bright.rstheme b/inst/themes/base16/base16-bright.rstheme index fdadf9c..9c31ce6 100644 --- a/inst/themes/base16/base16-bright.rstheme +++ b/inst/themes/base16/base16-bright.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #505050; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #505050; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #303030 #000000; + scrollbar-color: #303030 rgba(0, 0, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #000000; + background: rgba(0, 0, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-chalk.rstheme b/inst/themes/base16/base16-chalk.rstheme index 5bf917e..dbcfa74 100644 --- a/inst/themes/base16/base16-chalk.rstheme +++ b/inst/themes/base16/base16-chalk.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #303030; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #303030; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #202020 #151515; + scrollbar-color: #202020 rgba(21, 21, 21, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #151515; + background: rgba(21, 21, 21, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-codeschool.rstheme b/inst/themes/base16/base16-codeschool.rstheme index bcf05a0..121ed7d 100644 --- a/inst/themes/base16/base16-codeschool.rstheme +++ b/inst/themes/base16/base16-codeschool.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #2a343a; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #2a343a; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1c3657 #232c31; + scrollbar-color: #1c3657 rgba(35, 44, 49, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #232c31; + background: rgba(35, 44, 49, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-cupcake.rstheme b/inst/themes/base16/base16-cupcake.rstheme index 8b3fe78..1cbc0ca 100644 --- a/inst/themes/base16/base16-cupcake.rstheme +++ b/inst/themes/base16/base16-cupcake.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d8d5dd; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d8d5dd; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #f2f1f4 #fbf1f2; + scrollbar-color: #f2f1f4 rgba(251, 241, 242, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #fbf1f2; + background: rgba(251, 241, 242, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-darktooth.rstheme b/inst/themes/base16/base16-darktooth.rstheme index fa4bae3..6966ab2 100644 --- a/inst/themes/base16/base16-darktooth.rstheme +++ b/inst/themes/base16/base16-darktooth.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #504945; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #504945; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #32302F #1D2021; + scrollbar-color: #32302F rgba(29, 32, 33, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1D2021; + background: rgba(29, 32, 33, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-default-dark.rstheme b/inst/themes/base16/base16-default-dark.rstheme index 051e6ad..f023bd2 100644 --- a/inst/themes/base16/base16-default-dark.rstheme +++ b/inst/themes/base16/base16-default-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #383838; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #383838; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #282828 #181818; + scrollbar-color: #282828 rgba(24, 24, 24, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #181818; + background: rgba(24, 24, 24, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-default-light.rstheme b/inst/themes/base16/base16-default-light.rstheme index 3ec2f11..3aacc93 100644 --- a/inst/themes/base16/base16-default-light.rstheme +++ b/inst/themes/base16/base16-default-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d8d8d8; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d8d8d8; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e8e8e8 #f8f8f8; + scrollbar-color: #e8e8e8 rgba(248, 248, 248, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f8f8f8; + background: rgba(248, 248, 248, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-dracula.rstheme b/inst/themes/base16/base16-dracula.rstheme index e7f4c57..cfda231 100644 --- a/inst/themes/base16/base16-dracula.rstheme +++ b/inst/themes/base16/base16-dracula.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4d4f68; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4d4f68; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3a3c4e #282936; + scrollbar-color: #3a3c4e rgba(40, 41, 54, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #282936; + background: rgba(40, 41, 54, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-eighties.rstheme b/inst/themes/base16/base16-eighties.rstheme index cad13a5..1685573 100644 --- a/inst/themes/base16/base16-eighties.rstheme +++ b/inst/themes/base16/base16-eighties.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #515151; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #515151; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #393939 #2d2d2d; + scrollbar-color: #393939 rgba(45, 45, 45, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2d2d2d; + background: rgba(45, 45, 45, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-embers.rstheme b/inst/themes/base16/base16-embers.rstheme index 604491c..0e8dcb7 100644 --- a/inst/themes/base16/base16-embers.rstheme +++ b/inst/themes/base16/base16-embers.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #433B32; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #433B32; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #2C2620 #16130F; + scrollbar-color: #2C2620 rgba(22, 19, 15, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #16130F; + background: rgba(22, 19, 15, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-flat.rstheme b/inst/themes/base16/base16-flat.rstheme index 65bcfd0..8662414 100644 --- a/inst/themes/base16/base16-flat.rstheme +++ b/inst/themes/base16/base16-flat.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #7F8C8D; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #7F8C8D; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #34495E #2C3E50; + scrollbar-color: #34495E rgba(44, 62, 80, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2C3E50; + background: rgba(44, 62, 80, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-google-dark.rstheme b/inst/themes/base16/base16-google-dark.rstheme index 91568b2..8a2952f 100644 --- a/inst/themes/base16/base16-google-dark.rstheme +++ b/inst/themes/base16/base16-google-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #373b41; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #373b41; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #282a2e #1d1f21; + scrollbar-color: #282a2e rgba(29, 31, 33, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1d1f21; + background: rgba(29, 31, 33, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-google-light.rstheme b/inst/themes/base16/base16-google-light.rstheme index 4f0f306..d2c8691 100644 --- a/inst/themes/base16/base16-google-light.rstheme +++ b/inst/themes/base16/base16-google-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #c5c8c6; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #c5c8c6; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e0e0e0 #ffffff; + scrollbar-color: #e0e0e0 rgba(255, 255, 255, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #ffffff; + background: rgba(255, 255, 255, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-grayscale-dark.rstheme b/inst/themes/base16/base16-grayscale-dark.rstheme index aeedf6f..ab77ea0 100644 --- a/inst/themes/base16/base16-grayscale-dark.rstheme +++ b/inst/themes/base16/base16-grayscale-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #464646; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #464646; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #252525 #101010; + scrollbar-color: #252525 rgba(16, 16, 16, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #101010; + background: rgba(16, 16, 16, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-grayscale-light.rstheme b/inst/themes/base16/base16-grayscale-light.rstheme index 04d0ecb..74e51ec 100644 --- a/inst/themes/base16/base16-grayscale-light.rstheme +++ b/inst/themes/base16/base16-grayscale-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #b9b9b9; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #b9b9b9; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e3e3e3 #f7f7f7; + scrollbar-color: #e3e3e3 rgba(247, 247, 247, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f7f7f7; + background: rgba(247, 247, 247, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-green-screen.rstheme b/inst/themes/base16/base16-green-screen.rstheme index 283d60a..8efd6d8 100644 --- a/inst/themes/base16/base16-green-screen.rstheme +++ b/inst/themes/base16/base16-green-screen.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #005500; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #005500; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #003300 #001100; + scrollbar-color: #003300 rgba(0, 17, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #001100; + background: rgba(0, 17, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-dark-hard.rstheme b/inst/themes/base16/base16-gruvbox-dark-hard.rstheme index 048e9c1..3b2e683 100644 --- a/inst/themes/base16/base16-gruvbox-dark-hard.rstheme +++ b/inst/themes/base16/base16-gruvbox-dark-hard.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #504945; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #504945; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3c3836 #1d2021; + scrollbar-color: #3c3836 rgba(29, 32, 33, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1d2021; + background: rgba(29, 32, 33, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-dark-medium.rstheme b/inst/themes/base16/base16-gruvbox-dark-medium.rstheme index 246bf67..ba121d1 100644 --- a/inst/themes/base16/base16-gruvbox-dark-medium.rstheme +++ b/inst/themes/base16/base16-gruvbox-dark-medium.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #504945; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #504945; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3c3836 #282828; + scrollbar-color: #3c3836 rgba(40, 40, 40, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #282828; + background: rgba(40, 40, 40, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-dark-pale.rstheme b/inst/themes/base16/base16-gruvbox-dark-pale.rstheme index baf56cc..c270af6 100644 --- a/inst/themes/base16/base16-gruvbox-dark-pale.rstheme +++ b/inst/themes/base16/base16-gruvbox-dark-pale.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4e4e4e; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4e4e4e; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3a3a3a #262626; + scrollbar-color: #3a3a3a rgba(38, 38, 38, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #262626; + background: rgba(38, 38, 38, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-dark-soft.rstheme b/inst/themes/base16/base16-gruvbox-dark-soft.rstheme index a94a32c..3f84bca 100644 --- a/inst/themes/base16/base16-gruvbox-dark-soft.rstheme +++ b/inst/themes/base16/base16-gruvbox-dark-soft.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #504945; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #504945; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3c3836 #32302f; + scrollbar-color: #3c3836 rgba(50, 48, 47, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #32302f; + background: rgba(50, 48, 47, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-light-hard.rstheme b/inst/themes/base16/base16-gruvbox-light-hard.rstheme index eec60a1..8366736 100644 --- a/inst/themes/base16/base16-gruvbox-light-hard.rstheme +++ b/inst/themes/base16/base16-gruvbox-light-hard.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d5c4a1; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d5c4a1; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #ebdbb2 #f9f5d7; + scrollbar-color: #ebdbb2 rgba(249, 245, 215, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f9f5d7; + background: rgba(249, 245, 215, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-light-medium.rstheme b/inst/themes/base16/base16-gruvbox-light-medium.rstheme index 61391bd..63a41ed 100644 --- a/inst/themes/base16/base16-gruvbox-light-medium.rstheme +++ b/inst/themes/base16/base16-gruvbox-light-medium.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d5c4a1; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d5c4a1; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #ebdbb2 #fbf1c7; + scrollbar-color: #ebdbb2 rgba(251, 241, 199, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #fbf1c7; + background: rgba(251, 241, 199, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-gruvbox-light-soft.rstheme b/inst/themes/base16/base16-gruvbox-light-soft.rstheme index 9555452..3a91db0 100644 --- a/inst/themes/base16/base16-gruvbox-light-soft.rstheme +++ b/inst/themes/base16/base16-gruvbox-light-soft.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d5c4a1; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d5c4a1; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #ebdbb2 #f2e5bc; + scrollbar-color: #ebdbb2 rgba(242, 229, 188, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f2e5bc; + background: rgba(242, 229, 188, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-harmonic16-dark.rstheme b/inst/themes/base16/base16-harmonic16-dark.rstheme index 3e2a7c5..46ed394 100644 --- a/inst/themes/base16/base16-harmonic16-dark.rstheme +++ b/inst/themes/base16/base16-harmonic16-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #405c79; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #405c79; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #223b54 #0b1c2c; + scrollbar-color: #223b54 rgba(11, 28, 44, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #0b1c2c; + background: rgba(11, 28, 44, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-harmonic16-light.rstheme b/inst/themes/base16/base16-harmonic16-light.rstheme index c433bfa..e2ef0cc 100644 --- a/inst/themes/base16/base16-harmonic16-light.rstheme +++ b/inst/themes/base16/base16-harmonic16-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #cbd6e2; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #cbd6e2; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e5ebf1 #f7f9fb; + scrollbar-color: #e5ebf1 rgba(247, 249, 251, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f7f9fb; + background: rgba(247, 249, 251, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-hopscotch.rstheme b/inst/themes/base16/base16-hopscotch.rstheme index ca3b154..7bbc543 100644 --- a/inst/themes/base16/base16-hopscotch.rstheme +++ b/inst/themes/base16/base16-hopscotch.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5c545b; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5c545b; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #433b42 #322931; + scrollbar-color: #433b42 rgba(50, 41, 49, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #322931; + background: rgba(50, 41, 49, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-ir-black.rstheme b/inst/themes/base16/base16-ir-black.rstheme index dff9678..3c9cc71 100644 --- a/inst/themes/base16/base16-ir-black.rstheme +++ b/inst/themes/base16/base16-ir-black.rstheme @@ -100,8 +100,9 @@ } .ace_indent-guide { - border-right: 1px solid #484844; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #484844; } .ace_active-line ~ .ace_selection.ace_start { @@ -442,10 +443,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #242422 #000000; + scrollbar-color: #242422 rgba(0, 0, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -454,7 +465,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #000000; + background: rgba(0, 0, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-isotope.rstheme b/inst/themes/base16/base16-isotope.rstheme index 9db8ef4..4aa4fa7 100644 --- a/inst/themes/base16/base16-isotope.rstheme +++ b/inst/themes/base16/base16-isotope.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #606060; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #606060; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #404040 #000000; + scrollbar-color: #404040 rgba(0, 0, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #000000; + background: rgba(0, 0, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-london-tube.rstheme b/inst/themes/base16/base16-london-tube.rstheme index 67f3293..5a8ac0f 100644 --- a/inst/themes/base16/base16-london-tube.rstheme +++ b/inst/themes/base16/base16-london-tube.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5a5758; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5a5758; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1c3f95 #231f20; + scrollbar-color: #1c3f95 rgba(35, 31, 32, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #231f20; + background: rgba(35, 31, 32, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-macintosh.rstheme b/inst/themes/base16/base16-macintosh.rstheme index f5d830e..2fd8f92 100644 --- a/inst/themes/base16/base16-macintosh.rstheme +++ b/inst/themes/base16/base16-macintosh.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #404040; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #404040; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #404040 #000000; + scrollbar-color: #404040 rgba(0, 0, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #000000; + background: rgba(0, 0, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-marrakesh.rstheme b/inst/themes/base16/base16-marrakesh.rstheme index 43e924d..40a4139 100644 --- a/inst/themes/base16/base16-marrakesh.rstheme +++ b/inst/themes/base16/base16-marrakesh.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #5f5b17; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #5f5b17; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #302e00 #201602; + scrollbar-color: #302e00 rgba(32, 22, 2, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #201602; + background: rgba(32, 22, 2, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-materia.rstheme b/inst/themes/base16/base16-materia.rstheme index 6c8c97e..97dfeea 100644 --- a/inst/themes/base16/base16-materia.rstheme +++ b/inst/themes/base16/base16-materia.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #37474F; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #37474F; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #2C393F #263238; + scrollbar-color: #2C393F rgba(38, 50, 56, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #263238; + background: rgba(38, 50, 56, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-mexico-light.rstheme b/inst/themes/base16/base16-mexico-light.rstheme index 30fe56c..6ca419b 100644 --- a/inst/themes/base16/base16-mexico-light.rstheme +++ b/inst/themes/base16/base16-mexico-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d8d8d8; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d8d8d8; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e8e8e8 #f8f8f8; + scrollbar-color: #e8e8e8 rgba(248, 248, 248, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f8f8f8; + background: rgba(248, 248, 248, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-mocha.rstheme b/inst/themes/base16/base16-mocha.rstheme index 9ac58b0..bc013b1 100644 --- a/inst/themes/base16/base16-mocha.rstheme +++ b/inst/themes/base16/base16-mocha.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #645240; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #645240; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #534636 #3B3228; + scrollbar-color: #534636 rgba(59, 50, 40, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #3B3228; + background: rgba(59, 50, 40, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-monokai.rstheme b/inst/themes/base16/base16-monokai.rstheme index 9ea7f8b..f81b08a 100644 --- a/inst/themes/base16/base16-monokai.rstheme +++ b/inst/themes/base16/base16-monokai.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #49483e; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #49483e; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #383830 #272822; + scrollbar-color: #383830 rgba(39, 40, 34, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #272822; + background: rgba(39, 40, 34, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-nord.rstheme b/inst/themes/base16/base16-nord.rstheme index 278f416..59dc8a7 100644 --- a/inst/themes/base16/base16-nord.rstheme +++ b/inst/themes/base16/base16-nord.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #434C5E; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #434C5E; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3B4252 #2E3440; + scrollbar-color: #3B4252 rgba(46, 52, 64, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2E3440; + background: rgba(46, 52, 64, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-ocean.rstheme b/inst/themes/base16/base16-ocean.rstheme index 06b9642..cba9ad5 100644 --- a/inst/themes/base16/base16-ocean.rstheme +++ b/inst/themes/base16/base16-ocean.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4f5b66; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4f5b66; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #343d46 #2b303b; + scrollbar-color: #343d46 rgba(43, 48, 59, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2b303b; + background: rgba(43, 48, 59, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-oceanicnext.rstheme b/inst/themes/base16/base16-oceanicnext.rstheme index 0d0b165..9b3048b 100644 --- a/inst/themes/base16/base16-oceanicnext.rstheme +++ b/inst/themes/base16/base16-oceanicnext.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4F5B66; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4F5B66; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #343D46 #1B2B34; + scrollbar-color: #343D46 rgba(27, 43, 52, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1B2B34; + background: rgba(27, 43, 52, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-onedark.rstheme b/inst/themes/base16/base16-onedark.rstheme index ba9f066..0dca007 100644 --- a/inst/themes/base16/base16-onedark.rstheme +++ b/inst/themes/base16/base16-onedark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #3e4451; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #3e4451; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #353b45 #282c34; + scrollbar-color: #353b45 rgba(40, 44, 52, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #282c34; + background: rgba(40, 44, 52, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-paraiso.rstheme b/inst/themes/base16/base16-paraiso.rstheme index 5737081..79ae939 100644 --- a/inst/themes/base16/base16-paraiso.rstheme +++ b/inst/themes/base16/base16-paraiso.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4f424c; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4f424c; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #41323f #2f1e2e; + scrollbar-color: #41323f rgba(47, 30, 46, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2f1e2e; + background: rgba(47, 30, 46, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-phd.rstheme b/inst/themes/base16/base16-phd.rstheme index b411a21..2bd1852 100644 --- a/inst/themes/base16/base16-phd.rstheme +++ b/inst/themes/base16/base16-phd.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4d5666; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4d5666; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #2a3448 #061229; + scrollbar-color: #2a3448 rgba(6, 18, 41, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #061229; + background: rgba(6, 18, 41, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-pico.rstheme b/inst/themes/base16/base16-pico.rstheme index cfbdea0..177f6c4 100644 --- a/inst/themes/base16/base16-pico.rstheme +++ b/inst/themes/base16/base16-pico.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #7e2553; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #7e2553; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1d2b53 #000000; + scrollbar-color: #1d2b53 rgba(0, 0, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #000000; + background: rgba(0, 0, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-pop.rstheme b/inst/themes/base16/base16-pop.rstheme index 83ea0bd..d3690be 100644 --- a/inst/themes/base16/base16-pop.rstheme +++ b/inst/themes/base16/base16-pop.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #303030; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #303030; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #202020 #000000; + scrollbar-color: #202020 rgba(0, 0, 0, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #000000; + background: rgba(0, 0, 0, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-railscasts.rstheme b/inst/themes/base16/base16-railscasts.rstheme index 625affb..31bddb3 100644 --- a/inst/themes/base16/base16-railscasts.rstheme +++ b/inst/themes/base16/base16-railscasts.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #3a4055; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #3a4055; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #272935 #2b2b2b; + scrollbar-color: #272935 rgba(43, 43, 43, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2b2b2b; + background: rgba(43, 43, 43, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-rebecca.rstheme b/inst/themes/base16/base16-rebecca.rstheme index e779e6d..e4a7854 100644 --- a/inst/themes/base16/base16-rebecca.rstheme +++ b/inst/themes/base16/base16-rebecca.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #383a62; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #383a62; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #663399 #292a44; + scrollbar-color: #663399 rgba(41, 42, 68, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #292a44; + background: rgba(41, 42, 68, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-seti-ui.rstheme b/inst/themes/base16/base16-seti-ui.rstheme index 6ecddf6..39860d2 100644 --- a/inst/themes/base16/base16-seti-ui.rstheme +++ b/inst/themes/base16/base16-seti-ui.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #3B758C; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #3B758C; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #8ec43d #151718; + scrollbar-color: #8ec43d rgba(21, 23, 24, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #151718; + background: rgba(21, 23, 24, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-shapeshifter.rstheme b/inst/themes/base16/base16-shapeshifter.rstheme index b452c2e..e8cb392 100644 --- a/inst/themes/base16/base16-shapeshifter.rstheme +++ b/inst/themes/base16/base16-shapeshifter.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #ababab; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #ababab; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e0e0e0 #f9f9f9; + scrollbar-color: #e0e0e0 rgba(249, 249, 249, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f9f9f9; + background: rgba(249, 249, 249, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-solar-flare.rstheme b/inst/themes/base16/base16-solar-flare.rstheme index e5480d7..06f65ea 100644 --- a/inst/themes/base16/base16-solar-flare.rstheme +++ b/inst/themes/base16/base16-solar-flare.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #586875; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #586875; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #222E38 #18262F; + scrollbar-color: #222E38 rgba(24, 38, 47, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #18262F; + background: rgba(24, 38, 47, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-solarized-dark.rstheme b/inst/themes/base16/base16-solarized-dark.rstheme index 6268e8b..ded7258 100644 --- a/inst/themes/base16/base16-solarized-dark.rstheme +++ b/inst/themes/base16/base16-solarized-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #586e75; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #586e75; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #073642 #002b36; + scrollbar-color: #073642 rgba(0, 43, 54, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #002b36; + background: rgba(0, 43, 54, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-solarized-light.rstheme b/inst/themes/base16/base16-solarized-light.rstheme index 6e9d57a..5aa463f 100644 --- a/inst/themes/base16/base16-solarized-light.rstheme +++ b/inst/themes/base16/base16-solarized-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #93a1a1; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #93a1a1; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #eee8d5 #fdf6e3; + scrollbar-color: #eee8d5 rgba(253, 246, 227, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #fdf6e3; + background: rgba(253, 246, 227, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-spacemacs.rstheme b/inst/themes/base16/base16-spacemacs.rstheme index b762749..6008c51 100644 --- a/inst/themes/base16/base16-spacemacs.rstheme +++ b/inst/themes/base16/base16-spacemacs.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #444155; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #444155; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #282828 #1f2022; + scrollbar-color: #282828 rgba(31, 32, 34, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1f2022; + background: rgba(31, 32, 34, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-summerfruit-dark.rstheme b/inst/themes/base16/base16-summerfruit-dark.rstheme index 7fedc38..afc5259 100644 --- a/inst/themes/base16/base16-summerfruit-dark.rstheme +++ b/inst/themes/base16/base16-summerfruit-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #303030; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #303030; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #202020 #151515; + scrollbar-color: #202020 rgba(21, 21, 21, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #151515; + background: rgba(21, 21, 21, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-summerfruit-light.rstheme b/inst/themes/base16/base16-summerfruit-light.rstheme index d4ca50c..fe9a8ec 100644 --- a/inst/themes/base16/base16-summerfruit-light.rstheme +++ b/inst/themes/base16/base16-summerfruit-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #D0D0D0; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #D0D0D0; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #E0E0E0 #FFFFFF; + scrollbar-color: #E0E0E0 rgba(255, 255, 255, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #FFFFFF; + background: rgba(255, 255, 255, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-tomorrow-night.rstheme b/inst/themes/base16/base16-tomorrow-night.rstheme index ab34a4f..74273be 100644 --- a/inst/themes/base16/base16-tomorrow-night.rstheme +++ b/inst/themes/base16/base16-tomorrow-night.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #373b41; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #373b41; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #282a2e #1d1f21; + scrollbar-color: #282a2e rgba(29, 31, 33, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1d1f21; + background: rgba(29, 31, 33, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-tomorrow.rstheme b/inst/themes/base16/base16-tomorrow.rstheme index 3bd9567..5a1c240 100644 --- a/inst/themes/base16/base16-tomorrow.rstheme +++ b/inst/themes/base16/base16-tomorrow.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #d6d6d6; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d6d6d6; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e0e0e0 #ffffff; + scrollbar-color: #e0e0e0 rgba(255, 255, 255, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #ffffff; + background: rgba(255, 255, 255, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-twilight.rstheme b/inst/themes/base16/base16-twilight.rstheme index ea54c73..e87a2ce 100644 --- a/inst/themes/base16/base16-twilight.rstheme +++ b/inst/themes/base16/base16-twilight.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #464b50; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #464b50; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #323537 #1e1e1e; + scrollbar-color: #323537 rgba(30, 30, 30, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1e1e1e; + background: rgba(30, 30, 30, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-unikitty-dark.rstheme b/inst/themes/base16/base16-unikitty-dark.rstheme index bd64eab..aac1146 100644 --- a/inst/themes/base16/base16-unikitty-dark.rstheme +++ b/inst/themes/base16/base16-unikitty-dark.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #666369; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #666369; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #4a464d #2e2a31; + scrollbar-color: #4a464d rgba(46, 42, 49, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2e2a31; + background: rgba(46, 42, 49, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-unikitty-light.rstheme b/inst/themes/base16/base16-unikitty-light.rstheme index 1818a0d..5f8dfe8 100644 --- a/inst/themes/base16/base16-unikitty-light.rstheme +++ b/inst/themes/base16/base16-unikitty-light.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #c4c3c5; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #c4c3c5; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #e1e1e2 #ffffff; + scrollbar-color: #e1e1e2 rgba(255, 255, 255, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #ffffff; + background: rgba(255, 255, 255, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/base16/base16-woodland.rstheme b/inst/themes/base16/base16-woodland.rstheme index ab6d0ee..1463d20 100644 --- a/inst/themes/base16/base16-woodland.rstheme +++ b/inst/themes/base16/base16-woodland.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #48413a; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #48413a; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #302b25 #231e18; + scrollbar-color: #302b25 rgba(35, 30, 24, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #231e18; + background: rgba(35, 30, 24, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/fairyfloss.rstheme b/inst/themes/fairyfloss.rstheme index 8a49cb1..234da91 100644 --- a/inst/themes/fairyfloss.rstheme +++ b/inst/themes/fairyfloss.rstheme @@ -102,8 +102,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(248, 248, 242, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(248, 248, 242, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -444,10 +445,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #55506f transparent; + scrollbar-color: #55506f rgba(90, 84, 117, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -456,7 +467,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: transparent; + background: rgba(90, 84, 117, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/flat-white.rstheme b/inst/themes/flat-white.rstheme index ecd7d6c..ae1033f 100644 --- a/inst/themes/flat-white.rstheme +++ b/inst/themes/flat-white.rstheme @@ -113,8 +113,9 @@ } .ace_indent-guide { - border-right: 1px solid #e4ddd2; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #e4ddd2; } .ace_active-line ~ .ace_selection.ace_start { @@ -477,10 +478,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #f1ece4 #f7f3ee; + scrollbar-color: #f1ece4 rgba(247, 243, 238, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -489,7 +499,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #f7f3ee; + background: rgba(247, 243, 238, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/github.rstheme b/inst/themes/github.rstheme index 550fdf1..3007795 100644 --- a/inst/themes/github.rstheme +++ b/inst/themes/github.rstheme @@ -108,8 +108,9 @@ } .ace_indent-guide { - border-right: 1px solid #eff3f6; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #eff3f6; } .ace_active-line ~ .ace_selection.ace_start { @@ -472,10 +473,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #f6f8fa #FFFFFF; + scrollbar-color: #f6f8fa rgba(255, 255, 255, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +494,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #FFFFFF; + background: rgba(255, 255, 255, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/horizon-dark.rstheme b/inst/themes/horizon-dark.rstheme index 48cfaf9..8a2128b 100644 --- a/inst/themes/horizon-dark.rstheme +++ b/inst/themes/horizon-dark.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(138, 140, 168, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(138, 140, 168, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1c1e26 #1a1c23; + scrollbar-color: #1c1e26 rgba(26, 28, 35, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1a1c23; + background: rgba(26, 28, 35, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/material-darker.rstheme b/inst/themes/material-darker.rstheme index 160e93e..ec675f6 100644 --- a/inst/themes/material-darker.rstheme +++ b/inst/themes/material-darker.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(238, 255, 255, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(238, 255, 255, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1c1c1c #212121; + scrollbar-color: #1c1c1c rgba(33, 33, 33, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #212121; + background: rgba(33, 33, 33, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/material-lighter.rstheme b/inst/themes/material-lighter.rstheme index fdcc5a6..ef55f4e 100644 --- a/inst/themes/material-lighter.rstheme +++ b/inst/themes/material-lighter.rstheme @@ -107,8 +107,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(39, 39, 39, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(39, 39, 39, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -471,10 +472,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: whitesmoke #FAFAFA; + scrollbar-color: whitesmoke rgba(250, 250, 250, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -483,7 +493,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #FAFAFA; + background: rgba(250, 250, 250, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/material-ocean.rstheme b/inst/themes/material-ocean.rstheme index b36da6d..aa85832 100644 --- a/inst/themes/material-ocean.rstheme +++ b/inst/themes/material-ocean.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(143, 147, 162, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(143, 147, 162, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #0b0d14 #0F111A; + scrollbar-color: #0b0d14 rgba(15, 17, 26, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #0F111A; + background: rgba(15, 17, 26, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/material-palenight.rstheme b/inst/themes/material-palenight.rstheme index 6dbbf77..fb7b463 100644 --- a/inst/themes/material-palenight.rstheme +++ b/inst/themes/material-palenight.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(255, 255, 255, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #252938 #292D3E; + scrollbar-color: #252938 rgba(41, 45, 62, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #292D3E; + background: rgba(41, 45, 62, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/material.rstheme b/inst/themes/material.rstheme index d6541e0..e9eb519 100644 --- a/inst/themes/material.rstheme +++ b/inst/themes/material.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(238, 255, 255, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(238, 255, 255, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #222d32 #263238; + scrollbar-color: #222d32 rgba(38, 50, 56, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #263238; + background: rgba(38, 50, 56, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/night-owl.rstheme b/inst/themes/night-owl.rstheme index f78d9d8..7a986ff 100644 --- a/inst/themes/night-owl.rstheme +++ b/inst/themes/night-owl.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(214, 222, 235, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(214, 222, 235, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #162a3a #011627; + scrollbar-color: #162a3a rgba(1, 22, 39, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #011627; + background: rgba(1, 22, 39, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/nord-polar-night-aurora.rstheme b/inst/themes/nord-polar-night-aurora.rstheme index 6bfa818..84262d1 100644 --- a/inst/themes/nord-polar-night-aurora.rstheme +++ b/inst/themes/nord-polar-night-aurora.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid #3b4252; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #3b4252; } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #3b4252 #2e3440; + scrollbar-color: #3b4252 rgba(46, 52, 64, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #2e3440; + background: rgba(46, 52, 64, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/nord-snow-storm.rstheme b/inst/themes/nord-snow-storm.rstheme index b873265..14ee21f 100644 --- a/inst/themes/nord-snow-storm.rstheme +++ b/inst/themes/nord-snow-storm.rstheme @@ -107,8 +107,9 @@ } .ace_indent-guide { - border-right: 1px solid #d8dee9; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #d8dee9; } .ace_active-line ~ .ace_selection.ace_start { @@ -471,10 +472,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #eceff4 white; + scrollbar-color: #eceff4 rgba(255, 255, 255, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -483,7 +493,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: white; + background: rgba(255, 255, 255, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/oceanic-plus.rstheme b/inst/themes/oceanic-plus.rstheme index 6073713..54743f1 100644 --- a/inst/themes/oceanic-plus.rstheme +++ b/inst/themes/oceanic-plus.rstheme @@ -99,8 +99,9 @@ } .ace_indent-guide { - border-right: 1px solid #4F5B66; - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 #4F5B66; } .ace_active-line ~ .ace_selection.ace_start { @@ -441,10 +442,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #343D46 #1B2B34; + scrollbar-color: #343D46 rgba(27, 43, 52, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +464,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #1B2B34; + background: rgba(27, 43, 52, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/one-dark.rstheme b/inst/themes/one-dark.rstheme index 7a11ada..1c55010 100644 --- a/inst/themes/one-dark.rstheme +++ b/inst/themes/one-dark.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(171, 178, 191, 0.35); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(171, 178, 191, 0.35); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #24272e #282c34; + scrollbar-color: #24272e rgba(40, 44, 52, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #282c34; + background: rgba(40, 44, 52, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/one-light.rstheme b/inst/themes/one-light.rstheme index fafb021..3215bbf 100644 --- a/inst/themes/one-light.rstheme +++ b/inst/themes/one-light.rstheme @@ -107,8 +107,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(56, 58, 66, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(56, 58, 66, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -471,10 +472,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #ededed #fafafa; + scrollbar-color: #ededed rgba(250, 250, 250, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -483,7 +493,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #fafafa; + background: rgba(250, 250, 250, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/serendipity-dark.rstheme b/inst/themes/serendipity-dark.rstheme index 881f8a3..7bb76f6 100644 --- a/inst/themes/serendipity-dark.rstheme +++ b/inst/themes/serendipity-dark.rstheme @@ -441,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #1f2430 #222733; + scrollbar-color: #1f2430 rgba(34, 39, 51, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -453,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #222733; + background: rgba(34, 39, 51, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/serendipity-light.rstheme b/inst/themes/serendipity-light.rstheme index 54734ed..ad68821 100644 --- a/inst/themes/serendipity-light.rstheme +++ b/inst/themes/serendipity-light.rstheme @@ -472,10 +472,19 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #ededed #fafafa; + scrollbar-color: #ededed rgba(250, 250, 250, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -484,7 +493,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #fafafa; + background: rgba(250, 250, 250, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/solarized-dark.rstheme b/inst/themes/solarized-dark.rstheme index ec5ee08..a4f909c 100644 --- a/inst/themes/solarized-dark.rstheme +++ b/inst/themes/solarized-dark.rstheme @@ -103,8 +103,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(88, 110, 117, 0.34); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(88, 110, 117, 0.34); } .ace_active-line ~ .ace_selection.ace_start { @@ -445,10 +446,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #073642 #002b36; + scrollbar-color: #073642 rgba(0, 43, 54, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -457,7 +468,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #002b36; + background: rgba(0, 43, 54, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/solarized-light.rstheme b/inst/themes/solarized-light.rstheme index e0af359..e53f346 100644 --- a/inst/themes/solarized-light.rstheme +++ b/inst/themes/solarized-light.rstheme @@ -103,8 +103,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(147, 161, 161, 0.34); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(147, 161, 161, 0.34); } .ace_active-line ~ .ace_selection.ace_start { @@ -445,10 +446,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #eee8d5 #fdf6e3; + scrollbar-color: #eee8d5 rgba(253, 246, 227, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -457,7 +468,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #fdf6e3; + background: rgba(253, 246, 227, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/yule-rstudio-reduced-motion.rstheme b/inst/themes/yule-rstudio-reduced-motion.rstheme index 61eed26..4023c23 100644 --- a/inst/themes/yule-rstudio-reduced-motion.rstheme +++ b/inst/themes/yule-rstudio-reduced-motion.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(237, 224, 206, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(237, 224, 206, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #21262c #262c33; + scrollbar-color: #21262c rgba(38, 44, 51, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #262c33; + background: rgba(38, 44, 51, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/inst/themes/yule-rstudio-rsthemes.rstheme b/inst/themes/yule-rstudio-rsthemes.rstheme index e057d6a..3e92141 100644 --- a/inst/themes/yule-rstudio-rsthemes.rstheme +++ b/inst/themes/yule-rstudio-rsthemes.rstheme @@ -98,8 +98,9 @@ } .ace_indent-guide { - border-right: 1px solid rgba(237, 224, 206, 0.3); - margin-right: -1px; + display: inline-block; + height: 100%; + box-shadow: 1px 0 0 rgba(237, 224, 206, 0.3); } .ace_active-line ~ .ace_selection.ace_start { @@ -440,10 +441,20 @@ table.rstheme_tabLayoutCenter .gwt-Label, } /* scrollbars */ +/* reset scrollbar background color */ +.rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar, +.rstudio-themes-flat .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar, .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar { + background-color: unset; +} + +.rstudio-themes-flat .ace_scroller { + overflow: visible; +} + .rstudio-themes-flat, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars { /* Works on Firefox */ scrollbar-width: auto; - scrollbar-color: #21262c #262c33; + scrollbar-color: #21262c rgba(38, 44, 51, 0.5); /* Works on Chrome, Edge, and Safari */ } @@ -452,7 +463,7 @@ table.rstheme_tabLayoutCenter .gwt-Label, } .rstudio-themes-flat *::-webkit-scrollbar-track, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-track { - background: #262c33; + background: rgba(38, 44, 51, 0.5); } .rstudio-themes-flat *::-webkit-scrollbar-thumb, .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars *::-webkit-scrollbar-thumb { diff --git a/man/rstheme.Rd b/man/rstheme.Rd index e08db3b..fdd5721 100644 --- a/man/rstheme.Rd +++ b/man/rstheme.Rd @@ -32,7 +32,7 @@ rstheme( ui_rstudio_toolbar_background = "$ui_rstudio_tabs_active_background", ui_rstudio_toolbar_foreground = "$ui_foreground", ui_rstudio_search = "$ui_rstudio_toolbar_background", - ui_rstudio_scrollbar_background = "$ui_background", + ui_rstudio_scrollbar_background = "transparentize($ui_background, 0.5)", ui_rstudio_scrollbar_handle = "$rmd_chunk_background", ui_cursor = "#FF0000", ui_cursor_normal_mode = "$ui_cursor", @@ -146,7 +146,7 @@ applied immediately.} \item{ui_rstudio_search}{Default: \verb{$ui_rstudio_toolbar_background}} -\item{ui_rstudio_scrollbar_background}{Default: \verb{$ui_background}} +\item{ui_rstudio_scrollbar_background}{Default: \verb{transparentize($ui_background, 0.5)}} \item{ui_rstudio_scrollbar_handle}{Default: \verb{$rmd_chunk_background}}