styles.css

:root {
    --font: 'Ubuntu' !important;
    --monospaced-font: 'Ubuntu Mono' !important;
    --sidebar-font-size: 13px !important;
    --tabs-font-size: 11px !important;
    --breadcrumbs-font-size: 12px !important;
    --statusbar-font-size: 11px !important;
    --cursor-border-radius: 1px !important;
    --background-blur: 10px;
    --quick-input-border-radius: 6px !important;
    --popup-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.36);
    --so-box-shadow-xl: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13)
}

/* editor area */
.bracket-match {
    border-radius: unset;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* sidebar */
.composite.title {
    border-bottom: 1px solid var(--vscode-editorGroupHeader-border);
    background-color: var(--vscode-editorGroupHeader-tabsBackground)
}

.composite.title .title-label>h2 {
    font-size: 12px !important;
    font-family: var(--monospaced-font);
    font-weight: bold !important;
}

/* global monaco list */
.monaco-list-row {
    border-radius: 4px;
    font-family: var(--font) !important;
}

/* sidebar search monaco list */
.sidebar .content .search-view .monaco-list-rows {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
}

/* sidebar scm monaco list */
.sidebar .content .scm-view .monaco-list-rows {
    width: calc(100% - 20px);
    margin-top: 5px !important;
    margin-left: auto;
    margin-right: auto;
}

/* sidebar explorer monaco list */
.sidebar .content .explorer-viewlet .monaco-list-rows {
    width: calc(100% - 20px);
    margin-top: 5px !important;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--font)
}

.sidebar .content .explorer-viewlet .monaco-list-rows .label-name {
    font-size: var(--sidebar-font-size)
}

.sidebar .content .explorer-viewlet .monaco-list-rows .folder-icon * {
    font-weight: 500 !important
}

.sidebar .content .explorer-viewlet .monaco-list-rows .file-icon * {
    font-weight: 400 !important;
    color: #9A9A9A !important
}

/* tabs container */
.tabs-and-actions-container {
    align-items: center
}

.tabs-container {
    align-items: center;
    padding-left: 5px;
    font-family: var(--font)
}

/* tab items */
.tab {
    width: unset !important;
    height: 24px !important;
    border-radius: 3px
}

.tab-label {
    line-height: inherit !important
}

.tab-label .label-name {
    font-size: var(--tabs-font-size) !important;
    font-weight: 500 !important
}

.tab-label::before {
    background-size: 12px;
    padding-right: unset;
    height: 20px !important
}

/* fix for the dirty circle color for inactive editor & inactive tab */
.editor-group-container.inactive .tabs-container>.tab.dirty:not(.active)>.tab-actions .action-label {
    color: #515151 !important;
    opacity: 1 !important
}

/* breadcrumbs */
.tabs-breadcrumbs {
    font-size: var(--breadcrumbs-font-size);
    backdrop-filter: blur(var(--background-blur));
}

.tabs-breadcrumbs .label-name {
    font-family: 'Ubuntu' !important
}

.tabs-breadcrumbs .outline-element-icon {
    padding-right: unset !important
}

.tabs-breadcrumbs .outline-element-icon::before {
    padding-right: 3px
}

.codicon-breadcrumb-separator::before {
    color: var(--vscode-tab-inactiveForeground);
    padding-left: 1px;
    padding-right: 1px;
}

/* statusbar */
.statusbar .statusbar-item {
    font-family: var(--monospaced-font);
    font-size: var(--statusbar-font-size)
}

/* cursor */
.cursor {
    border-radius: var(--cursor-border-radius)
}

/* sexy scrollbars */
.monaco-scrollable-element .scrollbar>.slider {
    border-radius: 5px
}

.monaco-scrollable-element .scrollbar.horizontal {
    margin-bottom: -5px !important
}

.monaco-scrollable-element .scrollbar.horizontal>.slider {
    height: 5px !important
}

.monaco-scrollable-element .scrollbar.vertical>.slider {
    width: 5px !important;
    margin-left: 5px !important
}

/* quick pick widget */
.quick-input-widget {
    font-family: var(--font);
    margin-top: 5%;
    border: 1px solid var(--vscode-pickerGroup-border);
    border-radius: var(--quick-input-border-radius);
    backdrop-filter: blur(var(--background-blur))
}

.quick-input-header {
    padding-block: 6px !important;
    border-bottom: 1px solid var(--vscode-pickerGroup-border)
}

.quick-input-header .monaco-inputbox {
    outline: none !important;
    background-color: unset !important
}

.quick-input-header .monaco-inputbox input::placeholder {
    color: #757575 !important
}

.quick-input-widget .quick-input-list .quick-input-list-separator {
    font-size: 11px !important;
    font-weight: 500 !important;
    font-family: var(--font);
    text-transform: uppercase
}

.quick-input-widget .monaco-list-rows {
    background: none !important;
}

.quick-input-widget label.quick-input-list-label {
    font-family: var(--font)
}

/* suggestion widget */
.suggest-widget {
    padding-top: 5px;
    font-family: var(--font);
    border-radius: 4px;
    background-color: #252526c0 !important;
    backdrop-filter: blur(var(--background-blur));
    box-shadow: var(--so-box-shadow-xl)
}

.suggest-widget .monaco-list {
    width: calc(100% - 10px);
    margin: 0px auto
}

.suggest-widget .suggest-status-bar {
    color: #79797A !important;
    background-color: #2C2C2D !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.suggest-widget .label-name {
    font-family: var(--monospaced-font)
}

/* hover widget */
.monaco-hover {
    font-family: var(--font);
    border-radius: 4px;
    background-color: #252526c0 !important;
    backdrop-filter: blur(var(--background-blur));
    box-shadow: var(--so-box-shadow-xl)
}

/* quick fix widget */
.action-widget {
    font-family: var(--font) !important;
    background-color: #252526c0 !important;
    border-radius: 4px !important;
    backdrop-filter: blur(var(--background-blur)) !important;
    box-shadow: var(--so-box-shadow-xl) !important;
}

.action-widget .actionList {
    padding-left: 5px;
    padding-right: 5px;
}

.action-widget .actionList .monaco-list-row {
    font-family: var(--font);
}

.action-widget .action-widget-action-bar {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.action-widget .action-widget-action-bar a {
    color: gray !important;
    font-size: 11px;
}

/* parameter hints widget */
.parameter-hints-widget {
    font-family: var(--font);
    border-radius: 4px;
    background-color: #252526c0 !important;
    backdrop-filter: blur(var(--background-blur));
    box-shadow: var(--so-box-shadow-xl);
}

/* panel */
.panel .composite.title .global-actions {
    display: none;
}

/* selections border radius */
.selectionHighlight,
.findMatch,
.currentFindMatch,
.hoverHighlight {
    border-radius: 3px !important;
}

/* occurrences highlight */
.monaco-editor .wordHighlight {
    border-width: 1px;
    border-style: none none dashed none;
}

.monaco-editor .wordHighlightStrong {
    border-width: 1px;
    border-style: none none dashed none;
}

.monaco-editor .wordHighlightText {
    border-width: 1px;
    border-style: none none dashed none;
}

/* hide Custom CSS & JS extension statusbar entry */
div[title="Custom CSS and JS"] {
    opacity: 0;
}

/* folding inline marker */
.monaco-editor .inline-folded::after {
    display: inline-block !important;
    border-radius: 2px;
    padding-left: 2px !important;
    padding-right: 2px !important;
	line-height: 0.6em !important;
    background-color: #fcc741 !important;
    transform: translateY(0.06em) !important; /* other methods don't work */
}

/* terminal sexy scrollbar */
.xterm-viewport::-webkit-scrollbar {
    width: 5px !important;
}

.xterm-viewport::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
}