Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Title and menu bar color on windows #22

Open
ajinkya-k opened this issue Mar 23, 2022 · 3 comments
Open

Title and menu bar color on windows #22

ajinkya-k opened this issue Mar 23, 2022 · 3 comments

Comments

@ajinkya-k
Copy link

This is a great theme! However, in windows the title bar is still light colored and the menu bar (and also all menus) is the Rstudio dark blue, see puicture below:
image

@rileytwo
Copy link
Owner

rileytwo commented Mar 25, 2022

From #8:

So, from what I can tell, RStudio's menu bar is outside the scope of what's customizable through injecting css into index.htm. The menu bar and editors (the four panes) are built using different frameworks; Qt is used for the menu bar, while Ace is used for the editors.

However, someone else has made a package that solves this problem! Check out rscodeio and let me know if this is what you expected the menu bar to look like.

I personally use rscodeio to change the menu bar. Unfortunately, however, I don't think changing the titlebar color through darkstudio is possible.

edit: and thanks!

@davidyshen
Copy link

I love this theme too, and have also had issues with the title bar still be blue, so I made a custom css for it that corrects for most of the non blue things.

If you go into Program Files\RStudio\resources\stylesheets\rstudio-windows-dark.qss and paste in the following, it'll fix it:

QMenuBar {
    background-color: rgb(59, 59, 59);
    border-bottom: 1px solid rgb(36, 36, 36);
}

QMenuBar::item {
    color: rgb(240, 240, 240);
    background-color: rgb(59, 59, 59);
    padding: 3px 8px 2px 8px;
}

QMenuBar::item:selected {
    color: white;
    background-color: rgb(69, 69, 69);
}

QMenu {
    background-color: rgb(59, 59, 59);
}

QMenu::item {
    color: rgb(255, 255, 255);
}

QMenu::item:disabled {
    color: rgb(148, 148, 148);
    background-color: rgb(59, 59, 59);
}

QMenu::item:selected {
    color: white;
    background-color: rgb(69, 69, 69);
}

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

Proof:
Before
image
After
image

@grcatlin
Copy link

@davidyshen Works beautifully! Thank you :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants