gadenbuie / rsthemes

🔮 Full RStudio IDE and Syntax Themes
https://www.garrickadenbuie.com/project/rsthemes/
Other
602 stars 45 forks source link

RStudio menu color doesn't change #88

Open issactoast opened 2 years ago

issactoast commented 2 years ago

Hi, thanks for making this awesome theme!!!!

However, when i apply the package to my window version RStudio, the color of the menu bar and the title bar doesn't match to the theme as follows;

Do you have any plan to working on this issue? If this fixed, it will be very awesome!!

image

Currently, I'm using rscodeio theme which can match the whole color of the Rstudio.

image

gadenbuie commented 2 years ago

I don't have a windows machine readily available so this will be hard for me to fix. If you want to poke around and figure out what CSS selectors can be used to adjust the theme of the tooolbar, I'll be happy to try them out. You could also investigate what rscodeio does differently for windows.

lijiaqi-github commented 1 year ago

I have same question. I used Windows too. Do you know how to change it? I tried a lot but still not work.

issactoast commented 1 year ago

@gadenbuie rscodeio uses qss stylefile not css for the menu color change on Windows 11. However, recent update in RStudio doen't have qss stylefile anymore. :/

The following shows the stylesheets folder in the older RStudio version (2022.07.2) that I had.

image

However, RStudio version (2022.12.0-353) doesn't have the qss files;

image

rstudio-gnome-dark.qss has the following codes;

QMenuBar {
  background-color: rgb(60, 60, 60);
  color: rgb(204, 204, 204);
  height: 30px;
  font-size: 13px;
}

QMenuBar::item {
  padding: 0 8px;
}

QMenuBar::item:selected {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgb(204, 204, 204);
}

QMenu {
  background-color: rgb(37, 37, 37);
  color: rgb(204, 204, 204);
  font-size: 13px;
  padding: 6.5px 0;
}

QMenu::item {
  height: 24px;
  padding: 0 26px;
  border: 1px solid rgb(37, 37, 37);
}

QMenu::item:checked,
QMenu::item:unchecked {
  padding-left: 13px;
}

QMenu::item:disabled {
  color: rgba(204, 204, 204, 0.4);
}

QMenu::item:selected {
  background-color: rgb(9, 71, 113);
}

QMenu::item:selected:disabled {
  background-color: rgb(37, 37, 37);
}

QMenu::separator {
  background-color: rgba(187, 187, 187, 0.4);
  height: 1px;
  margin: 4px 10.4px;
}