Last active
November 8, 2025 04:04
-
-
Save guustavocl/8c71204dad7e0a9e0556164efc0d2c31 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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