mirror of
https://github.com/OPM/ResInsight.git
synced 2025-02-25 18:55:39 -06:00
471 lines
12 KiB
Plaintext
471 lines
12 KiB
Plaintext
$mainBackgroundColor: #ffffff; // Main background color
|
|
$backgroundColor1: #efefef; // Background color layer 1
|
|
$backgroundColor2: #d6d6d6; // Background color layer 2
|
|
$backgroundColor3: #848484; // Background color layer 3
|
|
$backgroundColor4: #89939d; // Background color layer 4
|
|
$backgroundColor5: #adbac6; // Background color layer 5
|
|
$textColor: #141719; // Main text color
|
|
$primaryColor: #018fa3; // Primary color (buttons etc)
|
|
$secondaryColor: #e82257; // Secondary color
|
|
$tertiaryColor: #ffc50d; // Tertiary color
|
|
$quaternaryColor: #36b27e; // Quaternary color
|
|
$quinaryColor: #0ce5d5; // Quinary color
|
|
$senaryColor: #a54ce5; // Senary color
|
|
$borderColor: #394046; // Main border color
|
|
$curveColorGas: #c80000; // Curve color for gas plot
|
|
$curveColorGas2: #c91210; // Curve color for gas plot
|
|
$curveColorOil: #00c800; // Curve color for oil plot
|
|
$curveColorOil2: #7ba700; // Curve color for oil plot
|
|
$curveColorWater: #0000c8; // Curve color for water plot
|
|
$curveColorWater2: #3e7aa7; // Curve color for water plot
|
|
$markerColor: #141719; // Marker color
|
|
$lineMarkerColor: #eeeeee; // Color of line marker
|
|
$plotGridColor: #394046; // Plot grid color
|
|
$auxiliaryCurveColor: #000000; // Auxiliary curve color
|
|
$externalInputColor: #fff2a7; // Background color for external input fields
|
|
|
|
|
|
QTreeView[state="UseRadioButtons"] {
|
|
color: $textColor;
|
|
selection-color: $textColor;
|
|
}
|
|
|
|
QTreeView[state="UseRadioButtons"]::indicator:checked {
|
|
image: url(:/themes/shared/radio-button-active.svg);
|
|
}
|
|
|
|
QTreeView[state="UseRadioButtons"]::indicator:unchecked {
|
|
image: url(:/themes/shared/radio-circle-active.svg);
|
|
}
|
|
|
|
|
|
/*
|
|
*/
|
|
|
|
QwtPlot {
|
|
background-color: $mainBackgroundColor;
|
|
}
|
|
|
|
QwtPlot>QWidget {
|
|
background-color: $mainBackgroundColor;
|
|
}
|
|
|
|
QwtPlot["*"]::grid["*"] {
|
|
color: $backgroundColor2;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::curve["Auxiliary"] {
|
|
line-color: #ffffff;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::curve["Oil"] {
|
|
line-color: $curveColorOil;
|
|
symbol-color: $curveColorOil;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::curve["Gas"] {
|
|
line-color: $curveColorGas;
|
|
symbol-color: $curveColorGas;
|
|
}
|
|
|
|
QwtPlot["RelPermPlot"]::curve["KRW"] {
|
|
line-color: $curveColorWater;
|
|
symbol-color: $curveColorWater;
|
|
}
|
|
|
|
QwtPlot["RelPermPlot"]::curve["KROW"] {
|
|
line-color: $curveColorWater;
|
|
symbol-color: $curveColorWater;
|
|
}
|
|
|
|
QwtPlot["RelPermPlot"]::curve["PCOW"] {
|
|
line-color: $tertiaryColor;
|
|
symbol-color: $tertiaryColor;
|
|
}
|
|
|
|
QwtPlot["RelPermPlot"]::curve["KRG"] {
|
|
line-color: $curveColorGas;
|
|
symbol-color: $curveColorGas;
|
|
}
|
|
|
|
QwtPlot["RelPermPlot"]::curve["KROG"] {
|
|
line-color: $curveColorGas;
|
|
symbol-color: $curveColorGas;
|
|
}
|
|
|
|
QwtPlot["RelPermPlot"]::curve["PCOG"] {
|
|
line-color: $senaryColor;
|
|
symbol-color: $senaryColor;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::lineMarker["*"] {
|
|
color: $textColor;
|
|
}
|
|
|
|
QLabel,
|
|
RiuQwtPlotLegend {
|
|
background-color: transparent;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::pointMarker["*"] {
|
|
color: $textColor;
|
|
}
|
|
|
|
QListView[state="ExternalInput"] {
|
|
background-color: $externalInputColor;
|
|
border: 2px solid $borderColor;
|
|
}
|
|
|
|
RiuAbstractOverlayContentFrame,
|
|
RiuDraggableOverlayFrame {
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
svg {
|
|
stroke: currentColor;
|
|
stroke-width: 2;
|
|
fill: none;
|
|
}
|
|
|
|
/*
|
|
* Styling for advanced docking system
|
|
* Based on \ResInsight\ThirdParty\qtadvanceddocking\src\stylesheets\default.css
|
|
*/
|
|
|
|
|
|
/*
|
|
* Default style sheet on Windows Platforms
|
|
*/
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockContainerWidget
|
|
*****************************************************************************/
|
|
|
|
ads--CDockContainerWidget {
|
|
background: palette(window);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockSplitter
|
|
*****************************************************************************/
|
|
|
|
ads--CDockContainerWidget>QSplitter {
|
|
padding: 1 0 1 0;
|
|
}
|
|
|
|
ads--CDockContainerWidget ads--CDockSplitter::handle {
|
|
background: palette(dark);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockAreaWidget
|
|
*****************************************************************************/
|
|
|
|
ads--CDockAreaWidget {
|
|
background: palette(window);
|
|
}
|
|
|
|
ads--CTitleBarButton {
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
#tabsMenuButton::menu-indicator {
|
|
image: none;
|
|
}
|
|
|
|
#tabsMenuButton {
|
|
qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
|
|
qproperty-iconSize: 16px;
|
|
}
|
|
|
|
#dockAreaCloseButton {
|
|
qproperty-icon: url(:/ads/images/close-button.svg), url(:/ads/images/close-button-disabled.svg) disabled;
|
|
qproperty-iconSize: 16px;
|
|
}
|
|
|
|
#detachGroupButton {
|
|
qproperty-icon: url(:/ads/images/detach-button.svg), url(:/ads/images/detach-button-disabled.svg) disabled;
|
|
qproperty-iconSize: 16px;
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockWidgetTab and close button styling
|
|
*****************************************************************************/
|
|
|
|
ads--CDockWidgetTab {
|
|
background: palette(window);
|
|
border-color: palette(light);
|
|
border-style: solid;
|
|
border-width: 0 1px 0 0;
|
|
padding: 0 0px;
|
|
}
|
|
|
|
ads--CDockWidgetTab[activeTab="true"] {
|
|
background: qlineargradient(spread: pad, x1: 0, y1: 0, x2: 0, y2: 0.5, stop: 0 palette(window), stop: 1 palette(light));
|
|
/*background: palette(highlight);*/
|
|
}
|
|
|
|
ads--CDockWidgetTab QLabel {
|
|
color: palette(dark);
|
|
}
|
|
|
|
ads--CDockWidgetTab[activeTab="true"] QLabel {
|
|
color: palette(foreground);
|
|
}
|
|
|
|
#tabCloseButton {
|
|
margin-top: 2px;
|
|
background: none;
|
|
border: none;
|
|
padding: 0px -2px;
|
|
qproperty-icon: url(:/ads/images/close-button.svg), url(:/ads/images/close-button-disabled.svg) disabled;
|
|
qproperty-iconSize: 16px;
|
|
}
|
|
|
|
#tabCloseButton:hover {
|
|
border: 1px solid rgba(0, 0, 0, 32);
|
|
background: rgba(0, 0, 0, 16);
|
|
}
|
|
|
|
#tabCloseButton:pressed {
|
|
background: rgba(0, 0, 0, 32);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockWidget
|
|
*****************************************************************************/
|
|
|
|
ads--CDockWidget {
|
|
background: palette(light);
|
|
border-color: palette(light);
|
|
border-style: solid;
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
|
|
QScrollArea#dockWidgetScrollArea {
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
*
|
|
* Styling of auto hide functionality
|
|
*
|
|
*****************************************************************************/
|
|
|
|
|
|
/*****************************************************************************
|
|
* CAutoHideTab
|
|
*****************************************************************************/
|
|
|
|
ads--CAutoHideTab {
|
|
qproperty-iconSize: 16px 16px;
|
|
/* this is optional in case you would like to change icon size*/
|
|
background: none;
|
|
border: none;
|
|
padding-left: 2px;
|
|
padding-right: 0px;
|
|
text-align: center;
|
|
min-height: 20px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
ads--CAutoHideTab:hover {
|
|
color: palette(highlight);
|
|
}
|
|
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"] {
|
|
border-top: 6px solid rgba(0, 0, 0, 48);
|
|
}
|
|
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
|
|
border-bottom: 6px solid rgba(0, 0, 0, 48);
|
|
}
|
|
|
|
ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
|
|
ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"] {
|
|
border-top: 6px solid palette(highlight);
|
|
}
|
|
|
|
ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
|
|
ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
|
|
ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
|
|
border-bottom: 6px solid palette(highlight);
|
|
}
|
|
|
|
|
|
/**
|
|
* Auto hide tabs with icon only
|
|
*/
|
|
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
|
|
border-top: 6px solid rgba(0, 0, 0, 48);
|
|
}
|
|
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
|
|
border-left: 6px solid rgba(0, 0, 0, 48);
|
|
}
|
|
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
|
|
border-right: 6px solid rgba(0, 0, 0, 48);
|
|
}
|
|
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
|
|
border-bottom: 6px solid rgba(0, 0, 0, 48);
|
|
}
|
|
|
|
|
|
/**
|
|
* Auto hide tabs with icon only hover
|
|
*/
|
|
|
|
ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
|
|
border-top: 6px solid palette(highlight);
|
|
}
|
|
|
|
ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
|
|
border-left: 6px solid palette(highlight);
|
|
}
|
|
|
|
ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
|
|
border-right: 6px solid palette(highlight);
|
|
}
|
|
|
|
ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
|
|
ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
|
|
border-bottom: 6px solid palette(highlight);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CAutoHideSideBar
|
|
*****************************************************************************/
|
|
|
|
ads--CAutoHideSideBar {
|
|
background: palette(window);
|
|
border: none;
|
|
qproperty-spacing: 12;
|
|
}
|
|
|
|
#sideTabsContainerWidget {
|
|
background: transparent;
|
|
}
|
|
|
|
ads--CAutoHideSideBar[sideBarLocation="0"] {
|
|
border-bottom: 1px solid palette(dark);
|
|
}
|
|
|
|
ads--CAutoHideSideBar[sideBarLocation="1"] {
|
|
border-right: 1px solid palette(dark);
|
|
}
|
|
|
|
ads--CAutoHideSideBar[sideBarLocation="2"] {
|
|
border-left: 1px solid palette(dark);
|
|
}
|
|
|
|
ads--CAutoHideSideBar[sideBarLocation="3"] {
|
|
border-top: 1px solid palette(dark);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CAutoHideDockContainer
|
|
*****************************************************************************/
|
|
|
|
ads--CAutoHideDockContainer {
|
|
background: palette(window);
|
|
}
|
|
|
|
ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
|
|
background: palette(highlight);
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/*
|
|
* This is required because the ads--CDockAreaWidget[focused="true"] will
|
|
* overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
|
|
*/
|
|
|
|
ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
|
|
background: palette(highlight);
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
#autoHideTitleLabel {
|
|
padding-left: 4px;
|
|
color: palette(light);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CAutoHideDockContainer titlebar buttons
|
|
*****************************************************************************/
|
|
|
|
#dockAreaAutoHideButton {
|
|
qproperty-icon: url(:/ads/images/vs-pin-button.svg);
|
|
qproperty-iconSize: 16px;
|
|
}
|
|
|
|
ads--CAutoHideDockContainer #dockAreaAutoHideButton {
|
|
qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
|
|
qproperty-iconSize: 16px;
|
|
}
|
|
|
|
ads--CAutoHideDockContainer #dockAreaCloseButton {
|
|
qproperty-icon: url(:/ads/images/close-button-focused.svg)
|
|
}
|
|
|
|
ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
|
|
background: rgba(255, 255, 255, 48);
|
|
}
|
|
|
|
ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
|
|
background: rgba(255, 255, 255, 96);
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CAutoHideDockContainer Titlebar and Buttons
|
|
*****************************************************************************/
|
|
|
|
|
|
/*****************************************************************************
|
|
* CResizeHandle
|
|
*****************************************************************************/
|
|
|
|
ads--CResizeHandle {
|
|
background: palette(window);
|
|
}
|
|
|
|
ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
|
|
border-top: 1px solid palette(dark);
|
|
}
|
|
|
|
ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
|
|
border-left: 1px solid palette(dark);
|
|
}
|
|
|
|
ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
|
|
border-right: 1px solid palette(dark);
|
|
}
|
|
|
|
ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
|
|
border-top: 1px solid palette(dark);
|
|
} |