Skip to content

Instantly share code, notes, and snippets.

@thexande
Last active March 19, 2021 03:52
Show Gist options
  • Save thexande/33259fd6e55e7e2d8f8d1825160e68bf to your computer and use it in GitHub Desktop.
Save thexande/33259fd6e55e7e2d8f8d1825160e68bf to your computer and use it in GitHub Desktop.
custom VS Code theme css
#workbench\2e parts\2e statusbar {
background: #673AB7;
background: -webkit-linear-gradient(to left, #673AB7, #00BCD4);
background: linear-gradient(to left, #673AB7, #00BCD4);
}
/*#workbench\2e parts\2e statusbar {
/*background: #f857a6;
background: -webkit-linear-gradient(to left, #f857a6, #ff5858);
background: linear-gradient(to left, #f857a6, #ff5858);
}*/
.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container {
background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
}
.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .editor-actions {
background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
}
.monaco-action-bar.vertical .actions-container {
background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
}
.vs-dark .monaco-workbench>.activitybar>.content {
background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
background-color: #282828;
background-size: 16px 16px;
}
/*#workbench\2e parts\2e statusbar {
background: #cb2d3e;
background: -webkit-linear-gradient(to left, #cb2d3e , #ef473a);
background: linear-gradient(to left, #cb2d3e , #ef473a);
}*/
/*#workbench\2e parts\2e statusbar {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}*/
@JediMadeThis
Copy link

good.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment