Mathias Jakobsen
d63221d8b6
[web] Editor Redesign: Add dark mode GitOrigin-RevId: 063552ee3c1647e8ae090852868b01d372845b87
53 lines
1.0 KiB
SCSS
53 lines
1.0 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);
|
|
}
|
|
|
|
@include theme('light') {
|
|
--ide-redesign-background: var(--bg-light-primary);
|
|
--ide-redesign-color: var(--content-primary);
|
|
--ide-redesign-resizing-background: var(--white);
|
|
}
|
|
|
|
.ide-redesign-body {
|
|
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%;
|
|
}
|