Skip to content

Instantly share code, notes, and snippets.

@guustavocl
Last active November 8, 2025 04:04
Show Gist options
  • Select an option

  • Save guustavocl/8c71204dad7e0a9e0556164efc0d2c31 to your computer and use it in GitHub Desktop.

Select an option

Save guustavocl/8c71204dad7e0a9e0556164efc0d2c31 to your computer and use it in GitHub Desktop.
/* COLORS */
body {
--bg-color: #121019;
--accent-color: #FF4894;
--accent-color-dark: #FF489470;
}
.margin {
background-color: var(--bg-color) !important;
}
.tabs {
background-color: var(--bg-color) !important;
}
.tab {
background-color: var(--bg-color) !important;
}
.tab-border-top-container {
background-color: #FFFFFF00 !important;
}
.sidebar {
background-color: var(--bg-color) !important;
}
.monaco-list {
background-color: var(--bg-color) !important;
}
.composite {
background-color: var(--bg-color) !important;
}
.monaco-list-rows {
background-color: var(--bg-color) !important;
}
.content {
background-color: var(--bg-color) !important;
}
.terminal .xterm-scrollable-element {
background-color: var(--bg-color) !important;
}
.monaco-workbench {
--background-color: var(--bg-color) !important;
--vscode-background: var(--bg-color) !important;
--vscode-terminal-background: var(--bg-color) !important;
--vscode-panel-background: var(--bg-color) !important;
--vscode-editor-background: var(--bg-color) !important;
--vscode-editorStickyScroll-shadow: var(--bg-color) !important;
--vscode-editorWidget-background: var(--bg-color) !important;
--vscode-editorHoverWidget-background: var(--bg-color) !important;
--vscode-editorStickyScroll-background: var(--bg-color) !important;
}
.monaco-list.list_id_1 .monaco-list-row.selected .label-name {
color: var(--accent-color) !important;
opacity: 1 !important;
}
.tabs-container>.tab.active .label-name {
color: var(--accent-color) !important;
}
.tabs-container>.tab.active {
color: var(--accent-color) !important;
border-bottom: 1px solid var(--accent-color-dark) !important;
}
.tabs-border-bottom {
--tabs-border-bottom-color: #00000000 !important;
}
/* FONTS AND LABELS */
.label-name {
font-family: 'Hack Nerd Font Mono', monospace !important;
font-size: 14px !important;
opacity: .5 !important;
}
.tabs-container .label-name {
font-family: 'Hack Nerd Font Mono', monospace !important;
font-size: 12px !important;
color: #FFFFFF50 !important;
}
/* SCROLLBAR */
.slider {
position: absolute !important;
right: 1px !important;
width: 2px !important;
background: var(--accent-color-dark) !important;
left: auto !important;
}
.sidebar .slider {
opacity: 0.1;
}
div[role="presentation"][aria-hidden="true"].scrollbar.horizontal {
display: none !important;
height: 0px !important;
}
/* HIDE SOME SECTIONS AND ICONS */
.sidebar .monaco-icon-label:after {
display: none !important;
}
.sidebar .codicon-new-file {
display: none !important;
}
.sidebar .codicon-new-folder {
display: none !important;
}
.sidebar .codicon-toolbar-more {
display: none !important;
}
.sidebar .indent-guide {
display: none !important;
}
.editor-actions {
display: none;
}
.tabs .monaco-icon-label:after {
display: none !important;
}
.pane-composite-part {
border: none !important;
}
.monaco-workbench .monaco-list:not(.element-focused):focus:before {
display: none;
}
/* EDITOR LINES OPACITY AND GUIDES */
.monaco-editor .lines-content {
opacity: 0.9 !important;
}
.monaco-editor .lines-content .core-guide {
--indent-color-active: #FFFFFF40 !important;
--indent-color: #FFFFFF04 !important;
}
.line-numbers {
opacity: .7;
}
/* COMMAND PANEL DEFAULT */
.quick-input-widget {
position: absolute !important;
top: 30% !important;
}
.monaco-workbench:has(.quick-input-widget:not([style*="display: none"])) .monaco-grid-view::before {
content: '';
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: #00000040 !important;
backdrop-filter: blur(0.5px) !important;
z-index: 1000 !important;
}
.quick-input-list .monaco-list-row.focused {
color: var(--accent-color) !important;
}
.quick-input-filter .monaco-inputbox .input {
color: var(--accent-color) !important;
font-size: 13px;
}
.quick-input-filter .monaco-inputbox .input::placeholder {
color: #717171 !important;
font-weight: lighter !important;
font-size: 13px;
}
/* ETC */
.nosidebar .inline-tabs-placeholder {
width: 75px;
}
.pane-header {
padding: 0 8px;
}
.pane-body {
padding-top: 4px;
}
.monaco-list-row {
border-radius: 4px;
}
.monaco-workbench .part.sidebar>.title {
opacity: 0.3;
}
.monaco-tl-row {
margin-left: -6px;
}
.footer {
opacity: .7;
padding-left: 10px !important;
border: none !important;
}
.tab-actions-right {
border-right: none !important;
}
.pane-header[aria-label="Dependencies Section"] {
display: none !important;
}
/* Activity bar icons */
.monaco-workbench .pane-composite-part>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon, .monaco-workbench .pane-composite-part>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.icon {
height: 35px !important;
width: 35px !important;
padding: 5px !important;
}
.monaco-workbench .composite-bar .monaco-action-bar .action-item .action-label {
width: 100% !important;
height: 100% !important;
text-transform: none !important;
}
.monaco-workbench .part.sidebar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label:before, .monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label:before {
left: 0px !important;
position: absolute !important;
font-size: 15px !important;
place-self: anchor-center;
}
.auxiliarybar>.composite.footer>.composite-bar-container>.monaco-scrollable-element>.composite-bar>.monaco-action-bar>.actions-container>.action-item.composite-bar-action-tab>.action-label {
font-size: 11px !important;
padding: 5px !important;
}
/* this hide the Cursor CPP anoying popup */
.cppPreviewBoxDomNode {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment