167 lines
4.3 KiB
CSS
167 lines
4.3 KiB
CSS
@theme {
|
|
--color-shell-bg: #1e1e1e;
|
|
--color-sidebar-bg: #252526;
|
|
--color-activity-bg: #333333;
|
|
--color-panel-bg: #1e1e1e;
|
|
--color-tab-active-bg: #1e1e1e;
|
|
--color-tab-inactive-bg: #2d2d2d;
|
|
--color-focus-border: #007fd4;
|
|
--color-input-bg: rgba(255, 255, 255, 0.06);
|
|
--color-input-border: rgba(255, 255, 255, 0.12);
|
|
--color-status-bg: #007acc;
|
|
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
--text-shell: 13px;
|
|
--spacing-titlebar: 34px;
|
|
--spacing-tabbar: 35px;
|
|
--spacing-statusbar: 22px;
|
|
}
|
|
|
|
:root {
|
|
--accent-color: #007acc;
|
|
--accent-color-transparent: rgba(0, 122, 204, 0.25);
|
|
--vscode-editor-background: #1e1e1e;
|
|
--vscode-editor-foreground: #cccccc;
|
|
--vscode-sideBar-background: #252526;
|
|
--vscode-activityBar-background: #333333;
|
|
--vscode-activityBar-foreground: #ffffff;
|
|
--vscode-panel-background: #1e1e1e;
|
|
--vscode-titleBar-activeBackground: #252526;
|
|
--vscode-titleBar-activeForeground: #cccccc;
|
|
--vscode-statusBar-background: #007acc;
|
|
--vscode-statusBar-foreground: #ffffff;
|
|
--vscode-tab-activeBackground: #1e1e1e;
|
|
--vscode-tab-inactiveBackground: #2d2d2d;
|
|
--vscode-tab-activeForeground: #ffffff;
|
|
--vscode-tab-inactiveForeground: #969696;
|
|
--vscode-editorGroupHeader-tabsBackground: #252526;
|
|
--vscode-editorGroupHeader-tabsBorder: #1e1e1e;
|
|
--vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
|
|
--vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31);
|
|
--vscode-foreground: #cccccc;
|
|
--vscode-descriptionForeground: #858585;
|
|
--vscode-panel-border: #80808059;
|
|
--vscode-sideBar-border: #80808059;
|
|
--vscode-tab-border: #252526;
|
|
--vscode-focusBorder: #007fd4;
|
|
--vscode-input-background: rgba(255, 255, 255, 0.06);
|
|
--vscode-input-border: rgba(255, 255, 255, 0.12);
|
|
--vscode-list-hoverBackground: #2a2d2e;
|
|
--vscode-list-activeSelectionBackground: #094771;
|
|
--vscode-list-activeSelectionForeground: #ffffff;
|
|
--vscode-activityBarBadge-background: #007acc;
|
|
--vscode-activityBarBadge-foreground: #ffffff;
|
|
--vscode-testing-iconPassed: #73c991;
|
|
--vscode-editorWarning-foreground: #cca700;
|
|
--vscode-input-foreground: #cccccc;
|
|
--vscode-input-placeholderForeground: #a6a6a6;
|
|
--vscode-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
--vscode-font-size: 13px;
|
|
--panel-1: var(--vscode-editor-background);
|
|
--panel-2: var(--vscode-sideBar-background);
|
|
--panel-3: var(--vscode-input-background);
|
|
--ink: var(--vscode-foreground);
|
|
--line: var(--vscode-panel-border);
|
|
--accent: var(--vscode-focusBorder);
|
|
--accent-soft: var(--vscode-list-hoverBackground);
|
|
--success: var(--vscode-testing-iconPassed);
|
|
--sidebar-width: 280px;
|
|
--assistant-width: 360px;
|
|
color-scheme: dark;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--vscode-editor-background);
|
|
color: var(--vscode-foreground);
|
|
}
|
|
|
|
body {
|
|
overflow: hidden;
|
|
user-select: none;
|
|
font-family: var(--vscode-font-family);
|
|
font-size: var(--vscode-font-size);
|
|
}
|
|
|
|
body > [data-phx-session],
|
|
body > [data-phx-main] {
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 0;
|
|
}
|
|
|
|
button {
|
|
font-family: var(--vscode-font-family);
|
|
font-size: var(--vscode-font-size);
|
|
color: var(--vscode-button-foreground);
|
|
background-color: var(--vscode-button-background);
|
|
border: none;
|
|
padding: 6px 14px;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
button:hover {
|
|
background-color: var(--vscode-button-hoverBackground);
|
|
}
|
|
|
|
button:focus {
|
|
outline: 1px solid var(--vscode-focusBorder);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
button.secondary {
|
|
background-color: var(--vscode-button-secondaryBackground);
|
|
}
|
|
|
|
button.secondary:hover {
|
|
background-color: #4a4d51;
|
|
}
|
|
|
|
button.compact {
|
|
padding: 4px 8px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
button.primary {
|
|
background-color: var(--vscode-button-background);
|
|
font-weight: 500;
|
|
}
|
|
|
|
button.primary:hover {
|
|
background-color: var(--vscode-button-hoverBackground);
|
|
}
|
|
|
|
button.success {
|
|
background-color: #28a745;
|
|
}
|
|
|
|
button.success:hover {
|
|
background-color: #218838;
|
|
}
|
|
|
|
button.danger {
|
|
background-color: #dc3545;
|
|
}
|
|
|
|
button.danger:hover {
|
|
background-color: #c82333;
|
|
}
|
|
|
|
button:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
button svg,
|
|
button svg * {
|
|
pointer-events: none;
|
|
}
|
|
|