overleaf-cep/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss
David c4493ebc90 Merge pull request #24197 from overleaf/mj-ide-dark-color-scheme
[web] Editor redesign: Set color-scheme to dark in dark mode

GitOrigin-RevId: 6d62288e4ec9737629ed2e7a78865c6017ccea59
2025-03-13 09:05:07 +00:00

55 lines
1.1 KiB
SCSS

:root {
--ide-redesign-background: var(--bg-dark-primary);
--ide-redesign-color: var(--content-primary-dark);
--ide-redesign-resizing-background: var(--bg-dark-primary);
--ide-redesign-color-scheme: dark;
}
@include theme('light') {
--ide-redesign-background: var(--bg-light-primary);
--ide-redesign-color: var(--content-primary);
--ide-redesign-resizing-background: var(--white);
--ide-redesign-color-scheme: light;
}
.ide-redesign-body {
color-scheme: var(--ide-redesign-color-scheme);
display: flex;
flex-grow: 1;
background-color: var(--ide-redesign-background);
color: var(--ide-redesign-color);
overflow-y: hidden;
z-index: 0;
}
.ide-redesign-main {
height: 100%;
display: flex;
flex-direction: column;
.ide-panel-group-resizing {
background-color: var(--ide-redesign-resizing-background);
}
}
.ide-skeleton-block {
border: 1px solid grey;
background-color: white;
}
.ide-redesign-full-height {
height: 100%;
}
.ide-redesign-pdf-container {
position: relative;
}
.ide-redesign-editor-container {
position: relative;
height: 100%;
}
.ide-redesign-editor-content {
height: 100%;
}