69 lines
2.0 KiB
CSS
69 lines
2.0 KiB
CSS
|
/**
|
||
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||
|
|
*
|
||
|
|
* This source code is licensed under the MIT license found in the
|
||
|
|
* LICENSE file in the root directory of this source tree.
|
||
|
|
*/
|
||
|
|
|
||
|
|
html[data-theme='light'] {
|
||
|
|
--yg-color-node-depth-0: var(--ifm-color-gray-0);
|
||
|
|
--yg-color-node-depth-1: var(--ifm-color-gray-200);
|
||
|
|
--yg-color-node-depth-2: var(--ifm-color-gray-400);
|
||
|
|
--yg-color-node-depth-3: var(--ifm-color-gray-600);
|
||
|
|
--yg-color-node-depth-4: var(--ifm-color-gray-800);
|
||
|
|
|
||
|
|
--yg-border-node-depth-0: 1px solid var(--ifm-color-gray-200);
|
||
|
|
--yg-border-node-depth-1: 1px solid var(--ifm-color-gray-600);
|
||
|
|
--yg-border-node-depth-2: 1px solid var(--ifm-color-gray-700);
|
||
|
|
--yg-border-node-depth-3: 1px solid var(--ifm-color-gray-800);
|
||
|
|
--yg-border-node-depth-4: 1px solid var(--ifm-color-gray-900);
|
||
|
|
}
|
||
|
|
|
||
|
|
html[data-theme='dark'] {
|
||
|
|
--yg-color-node-depth-0: var(--ifm-color-gray-900);
|
||
|
|
--yg-color-node-depth-1: var(--ifm-color-gray-800);
|
||
|
|
--yg-color-node-depth-2: var(--ifm-color-gray-700);
|
||
|
|
--yg-color-node-depth-3: var(--ifm-color-gray-600);
|
||
|
|
--yg-color-node-depth-4: var(--ifm-color-gray-500);
|
||
|
|
|
||
|
|
--yg-border-node-depth-0: 1px solid var(--ifm-color-gray-800);
|
||
|
|
--yg-border-node-depth-1: 1px solid var(--ifm-color-gray-700);
|
||
|
|
--yg-border-node-depth-2: 1px solid var(--ifm-color-gray-600);
|
||
|
|
--yg-border-node-depth-3: 1px solid var(--ifm-color-gray-500);
|
||
|
|
--yg-border-node-depth-4: 1px solid var(--ifm-color-gray-400);
|
||
|
|
}
|
||
|
|
|
||
|
|
.layoutBox {
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zeroDim {
|
||
|
|
border: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.depthZero {
|
||
|
|
background: var(--yg-color-node-depth-0);
|
||
|
|
border: var(--yg-border-node-depth-0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.depthOne {
|
||
|
|
background-color: var(--yg-color-node-depth-1);
|
||
|
|
border: var(--yg-border-node-depth-1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.depthTwo {
|
||
|
|
background-color: var(--yg-color-node-depth-2);
|
||
|
|
border: var(--yg-border-node-depth-2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.depthThree {
|
||
|
|
background-color: var(--yg-color-node-depth-3);
|
||
|
|
border: var(--yg-border-node-depth-3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.depthFour {
|
||
|
|
background-color: var(--yg-color-node-depth-4);
|
||
|
|
border: var(--yg-border-node-depth-4);
|
||
|
|
}
|