Git Product home page Git Product logo

vscode's Introduction

Rosé Pine for VSCode

All natural pine, faux fur and a bit of soho vibes for the classy minimalist

Usage

  1. Open VSCode
  2. Search for Rosé Pine in extensions
  3. Install the theme and choose your variant in Preferences: Color theme
  4. Optionally enable the included icon theme in Preferences: File Icon Theme

Gallery

Font used is Cartograph

Rosé Pine

VSCode with Rosé Pine

Rosé Pine Moon

VSCode with Rosé Pine Moon

Rosé Pine Dawn

VSCode with Rosé Pine Dawn

Thanks to

vscode's People

Contributors

dependabot[bot] avatar finnjames avatar fvrests avatar gwenwindflower avatar menwhorust avatar mvllow avatar otterboops avatar ziw-liu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

vscode's Issues

Too little contrast within React Components

Hey there,
I've got to say that I really enjoy the theme you've created!

So I've installed right away. I noticed though that React-based code is a bit harder to read compared to e.g. oceanic next.

image

image

Just curious whether this was an intentional design choice or something you weren't aware of.

Have a nice day and thanks for the pretty colors!
Daniel

No italic

Hi

Rose Pine theme:

Screenshot 2022-12-04 120257

Another theme:

Screenshot 2022-12-04 120236

I don't like italic text because it's hard for me to read it. It will be awesome to be able to change it like this:

Screenshot 2022-12-04 120935

Thanks

Compatibility issues with Bracket Pair Colorizer

A user reported compatibility issues with bracket pair colorizer - colorized brackets no longer show up with the theme enabled. Having trouble replicating the issue with either colorizer v1 or v2 but will keep searching :)

Minimized CSS highlight very similar to search result highlight

Hi.

VSCode, when editing minimized CSS that has an error, highlights all the content. This error highlight color is very similar to the search result highlight color so I always have to switch to another theme when doing a search.

Here is the screenshot:
Slika zaslona s 2022-05-10 10-34-49

It's very difficult to spot a result, especially on full screen and with short search keywords, like two or three characters, which are not repeating on the same viewport.

Thank you for this beautiful theme.

Cheers.

Jupyter notebook cells are verrrrrry faint

I recently started using VSCode for Jupyter notebooks and realized that at present Rosé Pine's colors for cells and cell highlighting are barely legible. This is in both dark and light versions.

I've included screenshots of both, along with a screenshot of the Github Light theme for contrast of how legible and accessible the expectation would normally be.

I'm happy to toy with this if pointed in the right direction and submit a PR ☺️, not a huge deal to switch themes while working in Jupyter for the time being, but I of course think Rosé Pine is the greatest theme of all time and would love to help make it work for this use case.

Screen Shot 2022-11-17 at 11 02 59

Screen Shot 2022-11-17 at 11 03 11

Screen Shot 2022-11-17 at 11 03 28

No italic version ?

First: Hello, this theme and the whole Rose-Pine palette are AWESOME! I need a little bit of time to get "used" to it but now I'm trying to use it (palette) everywhere I can.

I have tried to remove italics, I stole this settings from the Tokyo theme

"[Rosé Pine]": {
            "textMateRules": [
                {
                    "scope": [
                        "comment",
                        "meta.var.expr storage.type",
                        "keyword.control.flow",
                        "meta.directive.vue punctuation.separator.key-value.html",
                        "meta.directive.vue entity.other.attribute-name.html",
                        "tag.decorator.js entity.name.tag.js",
                        "tag.decorator.js punctuation.definition.tag.js",
                        "storage.modifier"
                    ],
                    "settings": {
                        "fontStyle": ""
                    }
                }
            ]
        }

but there is something italic here and there.

Could you provide a No Italics version too ?

Missing syntax highlighting in Polyglot Notebook extension

Syntax highlighting in polyglot notebooks are broken after the November update.

This is how a snippet looks in the default theme
image
image

This is how a snippet looks with Rosé Pine
image
image

Jupyter notebooks using python seems to be working fine. This is just affecting polyglot notebooks with C#, F# and Powershell.

Fix ci/workflow

  • Pref paths over paths-ignore for workflow
  • Fix potential double version bump via github workflow + version script?
  • Improve debug experience
    • Build themes on launch

Improve vue 3 highlighting

So many different colors for = 🙃

Currently vue 3 script setup rfc is still experimental and relies on volar. Looking at the tokens provided by volar, this may not be possible to fix at the moment but leaving this here in case things improve.

Screen Shot 2021-02-25 at 11 19 39 PM

Scrollbar should not be invisible

After switching to Rosé Pine I noticed that I rely on glances at the scrollbar to know my position inside big files. I also use the scrollbar to know when I've reached a highlighted line of code - the small gray marks on the right.

Screen Shot 2020-03-18 at 3 21 24 PM

It would really help if Rosé pine didn't hide the scrollbar!

Low-contrast themes

Remove the contrast between the terminal and the rest of the editor. Or make it it's own theme.

Context menu dividers seem a bit standout

Consider how the rest of theme components are blending in together seamlessly, the context menu dividers seem a bit standout.

image

I think it would be perfect if it isn't too noticeable.

This is Night Owl theme in comparison:

image

git diff blocks without border

Hi, first congrats for creating this beautiful theme. I like that is available in my fav environments, programs etc.

Not sure if it's an issue but I think most people will tend to agree the source control tool looks distracting with all lines setting a border. It doesn't help to focus and makes the tool look messy.

image

Here is how it looks in most themes:

image

My proposal is to get rid of the border. The color for added blocks or deleted blocks is fine.

Missing tokens in JS

Hi,

I have some problems with the tokens in JavaScript. Specifically the this keyword and parameters aren't colorized.

Rose Pine Moon:
image

GitHub Dark:
image

Default:
image

Background image

Hi!

What is the background image in this display photo?

VSCode with Rosé Pine

I'd love to sue as my background!

(Rose Pine Dawn) Increase scrollbar contrast

Hello,

I love the theme, but I find myself barely able to make out the scrollbar when scrolling down. I've tested it on 3 different displays and it's way too hard to see, especially out of the corner of my eye. I think it would benefit from a darker/more contrasting color.

image

Support to change Astro file icon

I'm new to Astro, and they recommend installing their extension to support .astro file. It also results in unsupported file icon in Rosé Pine theme.

image

I have also searched in their repo but don't know how VS Code extension work to change my preference, could we do it from our side?

https://github.com/withastro/language-tools/blob/main/packages/vscode/syntaxes/astro.tmLanguage.json

I guess we could include another file type (which is astro) to our specs
https://github.com/rose-pine/vscode/blob/main/icons/rose-pine-icon-theme.json

Please guide me if I can help.

Does VSCode make the colors look more vibrant?

I have just bought a new LG 4K monitor, and notice an issue about the colors. At first I thought that Hyper canvas was making color washed out, then I opened the official website, turned out the palette in VSCode was warmer.

I have no idea how to fix this because when inspecting in VSCode Developer Tool, the colors have the same value :(

image

Missing extension compatibilily

Hey,
I'm facing some compatibility issues with the extention RapidAPI Client.
Close your eyes it's hurting 😂

  1. The name of active tabs is not displayed
  2. The line number column is red

Rose Pine all 3 versions (standard, moon and dawn)

image

Monokai

image

Show overview ruler by default

Overview ruler should be themed by default - more items keep getting added to the theme api rendering this more of an annoyance.

Diff color setting missing (magit)

Hi,

Great theme. Been using it for a while now!

I've found that when I use the extension Magit - https://github.com/kahole/edamagit, the diff view has no colors.
I have searched for a very long time trying to figure out exactly what setting Magit uses to color the diff views, but with no luck (no experience with creating themes).

Magit has colors in many other themes, e.g. "Field Lights", "Gruvbox" and the default theme of VSCode.
Palenight is also missing colors for the Magit view.

Hope someone can help or point me in a settings direction, so I can create the PR.


Rosé Pine Moon:

CleanShot 2022-02-10 at 14 33 03

Field Lights:

CleanShot 2022-02-10 at 14 32 56

Active tab color confuses me regularly

helllooo! it's me again.

curious for your thoughts on something that throws me off pretty regularly even though i'm aware of it -- which is that the active tab looks (to me) like it's deactivated, and the non-active tabs, because they have the same color as the background of the editor, creating a sense of continued space, look active. Screenshots attached.

My proposal would be to flip these styles, so all the inactive tabs are dimmer and the active tab is the same color as the editor background.
Screenshot 2022-11-27 at 17 03 13
Screenshot 2022-11-27 at 17 03 49

happy to take a stab at it if that's a change you support.

Product icons

I would love to see matching product icons bundled with the rest of the Rosé Pine theme!

Currently thinking about using Material Product Icons

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.