Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Patched Adaptive.sublime-theme for modifying the color of files in the sidebar based on their git status
[
// VCS badges
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["untracked"]}],
"layer0.texture": "Theme - Default/common/status_untracked.png",
"layer0.tint": "color(var(--yellowish) blend(rgb(255, 255, 255) 60%))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["modified"]}],
"layer0.texture": "Theme - Default/common/status_modified.png",
"layer0.tint": "color(var(--bluish) min-contrast(var(--background) 2.5))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["staged"]}],
"layer0.texture": "Theme - Default/common/status_staged.png",
"layer0.tint": "color(var(--purplish) min-contrast(var(--background) 2.5))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["added"]}],
"layer0.texture": "Theme - Default/common/status_staged.png",
"layer0.tint": "color(var(--greenish) min-contrast(var(--background) 2.5))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["unmerged"]}],
"layer0.texture": "Theme - Default/common/status_unmerged.png",
"layer0.tint": "color(var(--redish) min-contrast(var(--background) 2.5))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["deleted"]}],
"layer0.texture": "Theme - Default/common/status_staged.png",
"layer0.tint": "color(var(--pinkish) min-contrast(var(--background) 2.5))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "vcs_status_badge",
"parents": [{"class": "file_system_entry", "attributes": ["missing"]}],
"layer0.texture": "Theme - Default/common/status_modified.png",
"layer0.tint": "color(var(--pinkish) min-contrast(var(--background) 2.5))",
"layer0.opacity": 1.0,
"content_margin": 6
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["ignored"]}],
"color": "color(var(--background) blend(rgb(255, 255, 255) 70%))"
},
{
"class": "sidebar_label",
"parents": [
{"class": "window", "attributes": ["file_light"]},
{"class": "file_system_entry", "attributes": ["ignored"]}
],
"color": "color(var(--background) blend(rgb(0, 0, 0) 70%))"
},
// VCS Filenames.
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["untracked"]}],
"color": "color(var(--yellowish) blend(rgb(255, 255, 255) 75%))"
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["modified"]}],
"color": "color(var(--bluish) blend(rgb(255, 255, 255) 75%))"
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["staged"]}],
"color": "color(var(--purplish) blend(rgb(255, 255, 255) 75%))"
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["added"]}],
"color": "color(var(--greenish) blend(rgb(255, 255, 255) 75%))"
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["unmerged"]}],
"color": "color(var(--redish) blend(rgb(255, 255, 255) 75%))"
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["deleted"]}],
"color": "color(var(--pinkish) blend(rgb(255, 255, 255) 75%))"
},
{
"class": "sidebar_label",
"parents": [{"class": "file_system_entry", "attributes": ["missing"]}],
"color": "color(var(--pinkish) blend(rgb(255, 255, 255) 75%))"
},
]
@rudwolf

This comment has been minimized.

Copy link

commented Mar 12, 2019

Hey man, could you help me on how to install / use this color scheme?

@arxeiss

This comment has been minimized.

Copy link

commented Jul 2, 2019

Just download file and paste into User folder.

Win: C:\Users<acc>\AppData\Roaming\Sublime Text 3\Packages\User
Ubuntu: ~/.config/sublime-text-3/Packages/User

@OdatNurd

This comment has been minimized.

Copy link
Owner Author

commented Jul 2, 2019

Indeed, sorry @rudwolf for not responding to this back when you asked the question, I didn't get any notification that you asked.

As @arxeiss mentions, in order to use this you just need to place the file in your User package and it will immediately take effect. As a shortcut, you can find your User package by choosing Preferences: Browse Packages from the command palette or the main menu; the User folder inside of the file browser that opens is the place to put the file.

If you use a different theme you can rename the file to match your theme in order to have it take effect for that theme instead. The name of the file should match the name of your theme setting in your preferences.

Note also that you may or may not want to also adjust the color specifications as appropriate for your own theme/use case. Documentation on how colors work in Sublime Theme files is available here.

@arxeiss

This comment has been minimized.

Copy link

commented Jul 3, 2019

Thank you @OdatNurd for this snippet, I currently changed it into Package with colors and icons of VS Code: https://github.com/arxeiss/Sublime-GitBadgesLikeVSCode

Hope you are OK with that 😇

@OdatNurd

This comment has been minimized.

Copy link
Owner Author

commented Jul 5, 2019

That's totally awesome, nice work! For sure I'm OK with that. 😁

@arxeiss

This comment has been minimized.

Copy link

commented Aug 7, 2019

Thank you :) Plugin was already accepted by Sublime masters and it lives here: https://packagecontrol.io/packages/Git%20badges%20like%20VS%20Code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.