Code Monkey home page Code Monkey logo

Comments (4)

nicentra avatar nicentra commented on May 21, 2024

I spliced the theme a bit on my own via my vscode setting adding the following settings:

"editor.tokenColorCustomizations": {
        "[Gruvbox Dark Hard]": {
            "textMateRules": [
                {
                    "scope": ["source.latex", "keyword.control"],
                    "settings": {
                        "foreground": "#fb4934"
                    }
                },
                {
                    "scope": ["source.latex", "support.function"],
                    "settings": {
                        "foreground": "#fb4934"
                    }
                }
            ]
        }
    }

I honestly don't know if that catches all of it but I don't really know what I'm looking since my 5mins of google didn't turn up any nice API explaining to me what namespace belongs to what

from vscode-theme-gruvbox.

jdinhify avatar jdinhify commented on May 21, 2024

Thanks @nicentra.

PS: Is it possible to get the colortest script used in the screenshots? Looks neat

I can't remember which script I used for the screenshot, but there're similar ones out there, for instance: https://github.com/pablopunk/colortest

Back on the theme.
Would you be able to contribute to this theme for LaTeX? I'm not using it so not sure if I know what to customise.
I you want to contribute, you can make the theme work to your liking for starter.

There's a few options for contributing:

  1. Do what you do currently with the setting for tokenColoCustomizations, then post them here and I can put them into the theme
  2. Pull the repo locally and edit the json files in themes folder. Customizations here would need to be defined for all 6 variants

In both options, you can use the following the shape for the rule:

{
  "name": "<description of what the rule is for, eg. LaTeX string>",
  "scope": [
    "source.latex <selector, eg. string.double>",
    "source.latex <another selector>"
  ],
  "settings": {
    "foreground": "#<color code>"
  }
},
  • you can get a selector by running a vscode command (Ctrl + Shift + P) > Developer: Inspect TM Scopes and click on the code that you want to highlight.
  • you can get the color code in colors.txt in root folder of this repo

Please let me know if you're keen and need any support.

from vscode-theme-gruvbox.

nicentra avatar nicentra commented on May 21, 2024

Hey @jdinhify I can certainly try, though admittedly I don't have a lot of time rn since I actually found this loophole because I am currently writting my bachelor thesis. However with the Developer Inspect it should go a lot faster. Do you have any color guide? e.g. Functions = this color, variables = this color, keywords = that, parameters = this?
e: Also if I pull the repo locally, how do I "install it" in vscode for dev?

from vscode-theme-gruvbox.

jdinhify avatar jdinhify commented on May 21, 2024

I don't really have a color guide, just do what you see fit your taste I think. I think generally there are some common things like green for string, yellow for function, red for keywords, blue for parameters, but they're probably not the same for every language atm.

What I usually do is to pull the repo into ~/.vscode/extensions folder, that way it'll automatically appear in your extension list. Now that you'll actually have 2 gruvbox themes in your list, you can solve the confusion by either:

  • remove the gruvbox extension before pulling the repo
  • or change the extension name in package.json to have a different name, such as adding the suffix - dev to the theme
    After that, you can change the corresponding json of the variant and reload the window to see the effect

Also, if you decide to do that, please create a file in the code-examples folder for LaTeX language for easier preview.

Thanks @nicentra , let me know if you have any issue

from vscode-theme-gruvbox.

Related Issues (20)

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.