Skip to content

Instantly share code, notes, and snippets.

@BMPixel
Created June 9, 2024 04:04
Show Gist options
  • Save BMPixel/34d8f674f31f02eb37b4d6542e82e233 to your computer and use it in GitHub Desktop.
Save BMPixel/34d8f674f31f02eb37b4d6542e82e233 to your computer and use it in GitHub Desktop.
Xcode style with APC Custom CSS+ extension
{
// Remove titlebar
"apc.header": {
"height": 37
},
"apc.sidebar.titlebar": {
"height": 37
},
"window.titleBarStyle": "native",
// Transparency
"apc.electron": {
"titleBarStyle": "hiddenInset",
"backgroundColor": "#000000ff",
"vibrancy": "fullscreen-ui",
},
"apc.stylesheet": {
// Sidebar vibrancy
".sidebar": "opacity: 0.8; !important;",
".activitybar": "opacity: 0.8; !important;",
// Insect titlebar
".inline-titlebar-placeholder": "padding-right: 8px;",
".mac.nosidebar:not(.sidebar-right):not(.fullscreen) .inline-tabs-placeholder": "padding-left: calc(var(--traffic-X) + 8px)",
".statusbar #status\\.host": "display: block; !important; width: calc(var(--activity-bar-action-size)px); height: 18px; margin: 6px; border-radius: 30px",
// More round borders!
".monaco-dialog-modal-block": "border-radius:6px;",
".monaco-text-button": "border-radius:6px;",
".monaco-inputbox": "border-radius:6px",
".suggest-input-container": "border-radius: 6px;",
".editor-widget": "border-radius:8px !important;",
".editor-widget>.monaco-sash": "display: none;",
".monaco-hover": "border-radius: 6px !important;",
// Thiner and rounder slider
".scrollbar.horizontal": "height:6px !important",
".vertical>.slider": "width:6px !important",
".slider": "border-radius:6px;",
// Commmand pallete
".quick-input-widget": {
"box-shadow": " 0 20px 100px rgba(0, 0, 0, 0.4) !important; ",
"border-radius": "13px !important; ",
"padding": " 10px 15px 0px 15px; ",
"margin-top": " 10%; ",
"border": " 1px solid rgba(128, 128, 128, 0.5) !important;",
},
".quick-input-header": "margin-bottom: 10px",
// More shadows!
".suggest-widget": "box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);",
".suggest-details": "box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);",
},
// Activity and statusbar
"apc.activityBar": {
"size": 30,
"position": "bottom"
},
"apc.statusBar": {
"position": "editor",
"height": 30,
"fontSize": 10
},
"window.customTitleBarVisibility": "never",
}
@BMPixel
Copy link
Author

BMPixel commented Jun 9, 2024

Final results:

CleanShot 2024-06-08 at 22 14 16@2x
CleanShot 2024-06-08 at 22 19 41@2x

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