ReykorSlave/Block_diagram/reykor.drawio - draw.io_files/high-contrast.css

91 lines
3.1 KiB
CSS

:root {
--panel-color: #ffffff;
--border-color: #000000;
--text-color: #000000;
}
.geEditor, .geSidebarContainer .geTitle {
font-size:15px;
}
.geFormatContainer, .geTab, .geStatus > *,
.geSearchSidebar input, .geSpinnerStatus {
font-size:14px !important;
line-height:14px !important;
}
.geSidebarContainer .geTitle:hover {
background-color: light-dark(#c0c0c0, #414141) !important;
}
.geEditor div.mxTooltip {
font-size: 12px;
}
.geAdaptiveAsset, .geColorBtn > div:has(.geAdaptiveAsset) {
opacity: 1 !important;
}
.geHint {
font-size:11pt;
}
body.geDarkMode *:not(svg *, .mxCellEditor, .mxCellEditor *, .geButton, .geLabel,
img, .geIcon, .geDarkMode *, .geToolbarButton), .geDarkMode *::-webkit-scrollbar-thumb,
.geDarkMode div.mxWindow, .geDarkMode .geToolbarContainer,
html > body.geDarkMode > div > div.geToolbarContainer.geSimpleMainMenu,
.geDarkMode .geActiveItem, .geDarkMode .geBtn, .geDarkMode .geEditor select,
.geDarkMode .geSidebarTooltip, .geDarkMode html body button.gePrimaryBtn,
.geDarkMode .geEditor button, .geDarkMode html body .geDialog button.gePrimaryBtn {
border-color: #ffffff !important;
color: #ffffff !important;
}
*:not(svg *, .mxCellEditor, .mxCellEditor *, .geButton, .geLabel, img, .geIcon, .geSpinnerStatus,
.geInverseToolbarButton input, .geMinimal.geDarkMode .geMenubarContainer .geMenuItem .geMenuItem,
.geToolbarButton.geInverseToolbarButton), div.mxWindow, .geToolbarContainer, .geActiveItem, .geBtn,
.geToolbarButton:not(.geInverseToolbarButton), .geEditor select, .geSidebarTooltip, html body .geDialog
button.gePrimaryBtn:not(.geDarkMode *), .geTitle, html body button.gePrimaryBtn, .geEditor button,
*::-webkit-scrollbar-thumb {
border-color: light-dark(#000000, #FFFFFF) !important;
color: light-dark(#000000, #FFFFFF) !important;
}
.geSketch .geToolbarContainer {
box-shadow: none !important;
border-width:1px;
border-style:solid;
};
.geDarkMode .geInverseToolbarButton {
border-color: #000000 !important;
color: #000000 !important;
}
.geSidebarTooltip, html body button.gePrimaryBtn,
html body .geDialog button.gePrimaryBtn {
border-style: solid !important;
}
html body button.gePrimaryBtn:not(.geSidebarFooter *),
html body .geDialog button.gePrimaryBtn, button.geBigButton {
border-width: 3px !important;
border-style: solid !important;
font-weight: bold;
}
input:not(input.gePropEditor), .geEditor button:not(.geStyleButton),
.geEditor select, *::-webkit-scrollbar-thumb, .geEditor .geColorBtn {
background: none;
}
html body button.gePrimaryBtn, html body .geDialog button.gePrimaryBtn,
.geDialogTitle, .geDialogFooter {
background: none !important;
}
.geActiveItem {
background-color: lightgray !important;
}
div.mxWindow *, .geToolbarContainer *, .geActiveItem:not(.geDarkMode *),
.geBtn, .geToolbarButton, .geTab .geAdaptiveAsset:not(.geDisabledControlTab *, :hover),
.geTitle img {
opacity: 1 !important;
}
html body.geDarkMode a.geActiveItem.geAdaptiveAsset {
filter: none !important;
}
html body a.geActiveItem.geAdaptiveAsset:not(.geDarkMode *),
html body .geActivePage {
filter: invert(100%) !important;
}
html body.geEditor div.mxRubberband {
border-style:solid !important;
border-color:light-dark(#000000, #ffffff) !important;
}