Skip to content

Instantly share code, notes, and snippets.

@joshwiens
Last active September 16, 2016 03:35
Show Gist options
  • Save joshwiens/672f3d4d8e1f88dbb86a3eafde4234b2 to your computer and use it in GitHub Desktop.
Save joshwiens/672f3d4d8e1f88dbb86a3eafde4234b2 to your computer and use it in GitHub Desktop.
/* Sidebar - Explorer items - HEIGHT CHANGE NOT WORKING */
.monaco-tree .monaco-tree-rows > .monaco-tree-row {
/* height: 30px !important;
padding-top: 4px;
padding-bottom: 4px; */
cursor: default;
}
/* Editor - Scrollbar */
.decorationsOverviewRuler {
background-color: #1f1f20;
clip: rect(2px,13px,1000px,2px);
margin-top: -2px;
height:calc(100% + 4px);
}
.editor .monaco-scrollable-element > .scrollbar {
width: 12px !important;
}
/* Sidebar - Scrollbar */
.vs-dark .monaco-workbench .sidebar .monaco-scrollable-element > .scrollbar {
width: 6px !important;
}
.vs-dark .monaco-workbench .sidebar .vs-dark .monaco-scrollable-element > .scrollbar > .slider {
width: 6px !important;
}
/* Sidebar - Explorer colors */
.vs-dark .monaco-tree .monaco-tree-row.selected:not(.highlighted),
.vs-dark .monaco-tree.focused .monaco-tree-row.selected:not(.highlighted),
.vs-dark .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted),
.vs-dark .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.focused.selected:not(.highlighted) {
background-color: #3A3E42;
color: #c5c8c6;
}
.vs-dark .monaco-tree .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) {
background-color: transparent;
color: #c5c8c6;
}
.vs-dark .monaco-workbench {
color: #AAA;
}
/* Tabs - Size */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .group-actions .action-label,
.monaco-workbench > .part > .title,
.monaco-workbench > .part > .title > .title-actions,
.monaco-workbench > .part > .title > .title-actions .action-label {
height: 40px;
}
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .editor-container {
height: calc(100% - 40px);
}
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab {
padding-left: 24px;
padding-right: 12px;
padding-top: 1px;
cursor: default;
border: none;
}
.monaco-workbench > .part > .title > .title-label,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .group-actions .action-label {
line-height: 20px;
}
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-label {
padding-right: 5px;
}
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close {
padding-top: 1px;
}
.monaco-workbench.windows .action-bar-select {
margin-top: 20px;
}
/* Tabs - Design */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close .action-label {
opacity: .3;
}
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close:hover,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close:hover .action-label {
opacity: .9;
}
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:not(.active) {
background-color: transparent;
}
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:not(.active):hover {
background-color: #3A3E42;
}
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:not(.active):hover .tab-label {
opacity: .7 !important;
}
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs {
background-color: #191B1D;
}
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.active .tabs-container > .tab .tab-label a, .vs-dark .monaco-workbench > .part.editor > .content > .one-editor-container > .title.active .title-label a {
cursor: default;
}
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs:before {
border-top: none;
}
.monaco-editor.vs-dark .scroll-decoration,
.vs-dark .monaco-workbench .monaco-scrollable-element .shadow.top {
display: none;
}
/* Status bar */
.monaco-workbench > .part.statusbar {
background-color: #2B2E31;
}
/* Sidebar - Design */
.vs-dark .monaco-workbench .sidebar,
.vs-dark .monaco-workbench > .sidebar > .title > .title-actions {
background-color: #191B1D;
}
.monaco-workbench > .part > .content {
font-size: 12px;
}
/* Activity bar - Colors */
.vs-dark .monaco-workbench > .activitybar > .content {
background-color: #2B2E31;
}
.monaco-workbench > .activitybar > .content .monaco-action-bar .action-label {
opacity: .4;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment