mirror of
https://github.com/OPM/ResInsight.git
synced 2025-02-25 18:55:39 -06:00
908 lines
21 KiB
Plaintext
908 lines
21 KiB
Plaintext
$mainBackgroundColor: #24292e; // Main background color
|
|
$backgroundColor1: #394046; // Background color layer 1
|
|
$backgroundColor2: #464c53; // Background color layer 2
|
|
$backgroundColor3: #5a6067; // Background color layer 3
|
|
$backgroundColor4: #89939d; // Background color layer 4
|
|
$backgroundColor5: #adbac6; // Background color layer 5
|
|
$textColor: #e6e7ea; // Main text color
|
|
$inputColor: #394046; // Input background color
|
|
$buttonColor: #0a639d; // Button color
|
|
$buttonHoverColor: #136fa3; // Button hover color
|
|
$primaryColor: #084771; // Primary color
|
|
$secondaryColor: #cc6632; // Secondary color
|
|
$tertiaryColor: #ffc50d; // Tertiary color
|
|
$quaternaryColor: #36b27e; // Quaternary color
|
|
$quinaryColor: #0ce5d5; // Quinary color
|
|
$senaryColor: #a54ce5; // Senary color
|
|
$borderColor: #394046; // Main border color
|
|
$curveColorGas: #a91210; // Curve color for gas plot
|
|
$curveColorGas2: #c91210; // Curve color for gas plot
|
|
$curveColorOil: #7ba700; // Curve color for oil plot
|
|
$curveColorOil2: #7ba700; // Curve color for oil plot
|
|
$curveColorWater: #3e7aa7; // Curve color for water plot
|
|
$curveColorWater2: #3e7aa7; // Curve color for water plot
|
|
$markerColor: #e6e7ea; // Marker color
|
|
$lineMarkerColor: #eeeeee; // Color of line marker
|
|
$plotGridColor: #394046; // Plot grid color
|
|
$auxiliaryCurveColor: #000000; // Auxiliary curve color
|
|
$externalInputColor: #e82257; // External input background color
|
|
|
|
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);
|
|
}
|
|
|
|
|
|
svg {
|
|
stroke: white;
|
|
stroke-width: 2;
|
|
fill: none;
|
|
}
|
|
|
|
/*
|
|
*/
|
|
|
|
QCheckBox::indicator,
|
|
QTreeView::indicator,
|
|
QTableView::indicator,
|
|
QListWidget::indicator {
|
|
background-color: $backgroundColor1;
|
|
border-radius: 3px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked,
|
|
QTreeView::indicator:unchecked,
|
|
QTableView::indicator:unchecked,
|
|
QListWidget::indicator:unchecked {
|
|
image: url(:/themes/dark/checkbox-unchecked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:checked,
|
|
QTreeView::indicator:checked,
|
|
QTableView::indicator:checked,
|
|
QListWidget::indicator:checked {
|
|
image: url(:/themes/dark/checkbox-checked.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate,
|
|
QTreeView::indicator:indeterminate,
|
|
QTableView::indicator:indeterminate,
|
|
QListWidget::indicator:indeterminate {
|
|
image: url(:/themes/dark/checkbox-indeterminate.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:unchecked:disabled,
|
|
QTreeView::indicator:unchecked:disabled,
|
|
QTableView::indicator:unchecked:disabled,
|
|
QListWidget::indicator:unchecked:disabled {
|
|
image: url(:/themes/dark/checkbox-unchecked-disabled.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:checked:disabled,
|
|
QTreeView::indicator:checked:disabled,
|
|
QTableView::indicator:checked:disabled,
|
|
QListWidget::indicator:checked:disabled {
|
|
image: url(:/themes/dark/checkbox-checked-disabled.svg);
|
|
}
|
|
|
|
QCheckBox::indicator:indeterminate:disabled,
|
|
QTreeView::indicator:indeterminate:disabled,
|
|
QTableView::indicator:indeterminate:disabled,
|
|
QListWidget::indicator:indeterminate:disabled {
|
|
image: url(:/themes/dark/checkbox-indeterminate-disabled.svg);
|
|
}
|
|
|
|
QwtPlot["*"]::grid["*"] {
|
|
color: $backgroundColor2;
|
|
}
|
|
|
|
QwtPlot["*"]::legend {
|
|
text-color: $textColor;
|
|
}
|
|
|
|
RiuQwtPlotWidget {
|
|
color: $textColor;
|
|
}
|
|
|
|
QwtPlot QWidget {
|
|
color: $textColor;
|
|
}
|
|
|
|
QwtTextLabel {
|
|
color: $textColor;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::picker {
|
|
text-color: $textColor;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
QwtPlot["PvtPlot"]::pointMarker["*"] {
|
|
color: $textColor;
|
|
}
|
|
|
|
QToolBox {
|
|
background-color: $mainBackgroundColor;
|
|
}
|
|
|
|
QToolButton {
|
|
background-color: $backgroundColor1;
|
|
color: $textColor;
|
|
border-width: 0px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
QToolButton:checked {
|
|
background-color: $backgroundColor3;
|
|
color: $textColor;
|
|
border-width: 0px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
QLabel {
|
|
background-color: transparent;
|
|
color: $textColor;
|
|
}
|
|
|
|
QWidget,
|
|
QFrame,
|
|
QMainWindow,
|
|
QDialog,
|
|
QMenu,
|
|
QLabel,
|
|
QCheckBox,
|
|
QTabBar,
|
|
QDockWidget,
|
|
QTextEdit,
|
|
QPlainTextEdit,
|
|
QScrollArea,
|
|
QTextBrowser,
|
|
QGroupBox,
|
|
QRadioButton {
|
|
background-color: $mainBackgroundColor;
|
|
color: $textColor;
|
|
border-color: $borderColor;
|
|
selection-background-color: $primaryColor;
|
|
}
|
|
|
|
RiuAbstractOverlayContentFrame,
|
|
RiuDraggableOverlayFrame {
|
|
background-color: rgba(36, 41, 46, 0.3);
|
|
}
|
|
|
|
QProgressBar {
|
|
border-color: $borderColor;
|
|
text-align: center;
|
|
background-color: $backgroundColor1;
|
|
color: $textColor;
|
|
}
|
|
|
|
QStatusBar {
|
|
color: $textColor;
|
|
}
|
|
|
|
QAbstractItemView {
|
|
border: 2px solid $borderColor;
|
|
border-style: solid;
|
|
outline: 0;
|
|
}
|
|
|
|
QAbstractItemView::item:hover {
|
|
background-color: $primaryColor;
|
|
}
|
|
|
|
QAbstractItemView::item:selected {
|
|
background-color: $secondaryColor;
|
|
color: $textColor;
|
|
}
|
|
|
|
QTreeView::branch:has-children:!has-siblings:closed,
|
|
QTreeView::branch:closed:has-children:has-siblings {
|
|
border-image: none;
|
|
image: url(:/themes/dark/collapsed.svg);
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
QTreeView::branch:open:has-children:!has-siblings,
|
|
QTreeView::branch:open:has-children:has-siblings {
|
|
border-image: none;
|
|
image: url(:/themes/dark/expanded.svg);
|
|
icon-size: 12px;
|
|
}
|
|
|
|
QHeaderView::section {
|
|
background-color: $backgroundColor1;
|
|
color: $textColor;
|
|
padding: 4px;
|
|
}
|
|
|
|
QTableView QTableCornerButton::section {
|
|
background: transparent;
|
|
}
|
|
|
|
QHeaderView {
|
|
background-color: $backgroundColor1;
|
|
}
|
|
|
|
QDockWidget {
|
|
background-color: $mainBackgroundColor;
|
|
titlebar-close-icon: url(:/themes/dark/blank.svg);
|
|
titlebar-normal-icon: url(:/themes/dark/blank.svg);
|
|
}
|
|
|
|
QDockWidget::title {
|
|
background-color: $backgroundColor1;
|
|
}
|
|
|
|
QDockWidget::close-button,
|
|
QDockWidget::float-button {
|
|
background: transparent;
|
|
border: none;
|
|
icon-size: 12px;
|
|
padding: 0px;
|
|
}
|
|
|
|
QDockWidget::float-button {
|
|
image: url(:/themes/dark/float.svg);
|
|
}
|
|
|
|
QDockWidget::close-button {
|
|
image: url(:/themes/dark/close.svg);
|
|
}
|
|
|
|
QDockWidget::float-button:hover {
|
|
image: url(:/themes/dark/float-hover.svg);
|
|
}
|
|
|
|
QDockWidget::close-button:hover {
|
|
image: url(:/themes/dark/close-hover.svg);
|
|
}
|
|
|
|
QToolBar QWidget {
|
|
background-color: transparent;
|
|
border-color: $borderColor;
|
|
}
|
|
|
|
QToolBar::handle {
|
|
image: url(:/themes/dark/gripper.svg);
|
|
}
|
|
|
|
QMenuBar::item:selected {
|
|
background-color: $primaryColor;
|
|
color: $textColor;
|
|
}
|
|
|
|
QMenu {
|
|
border: none;
|
|
}
|
|
|
|
QMenu::item:selected {
|
|
background-color: $primaryColor;
|
|
color: $textColor;
|
|
}
|
|
|
|
QLineEdit,
|
|
QComboBox,
|
|
QSpinBox,
|
|
QDoubleSpinBox,
|
|
QDateEdit,
|
|
QDateTimeEdit {
|
|
background-color: $inputColor;
|
|
color: $textColor;
|
|
padding: 3px;
|
|
border: 2px solid $inputColor;
|
|
selection-background-color: $secondaryColor;
|
|
}
|
|
|
|
QLineEdit:focus,
|
|
QComboBox:focus,
|
|
QSpinBox:focus,
|
|
QDoubleSpinBox:focus,
|
|
QDateEdit:focus,
|
|
QDateTimeEdit:focus {
|
|
border: 2px solid $primaryColor;
|
|
}
|
|
|
|
QToolBar {
|
|
background-color: #2e353a;
|
|
border: none;
|
|
}
|
|
|
|
QToolBar QToolButton {
|
|
border: none;
|
|
}
|
|
|
|
QToolBar QToolButton:hover {
|
|
background-color: $primaryColor;
|
|
border: none;
|
|
}
|
|
|
|
QLCDNumber {
|
|
color: $textColor;
|
|
border-color: $borderColor;
|
|
border-width: 1.5px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
QPushButton {
|
|
color: $textColor;
|
|
border-color: $borderColor;
|
|
background-color: $buttonColor;
|
|
border: 0px;
|
|
padding: 8px;
|
|
}
|
|
|
|
QPushButton:hover {
|
|
background-color: $buttonHoverColor;
|
|
}
|
|
|
|
QTabWidget {
|
|
background-color: #535353;
|
|
}
|
|
|
|
QTabWidget::pane {
|
|
border-top: 1px solid $backgroundColor3;
|
|
background-color: $mainBackgroundColor;
|
|
}
|
|
|
|
QTabBar::tab {
|
|
background-color: $backgroundColor1;
|
|
border: 1px solid #2C2C2C;
|
|
border-bottom: 0px;
|
|
border-radius: 1px;
|
|
padding: 6px;
|
|
}
|
|
|
|
QTabBar::tab:selected,
|
|
QTabBar::tab:hover {
|
|
background-color: $backgroundColor3;
|
|
}
|
|
|
|
QTabBar::tab:selected {
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
QTabBar::tab:!selected {
|
|
color: $textColor;
|
|
}
|
|
|
|
|
|
/* Scrollbars */
|
|
|
|
QScrollBar:vertical {
|
|
border: 0px;
|
|
;
|
|
background: transparent;
|
|
width: 15px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
QScrollBar:vertical:hover {
|
|
background: $backgroundColor2;
|
|
}
|
|
|
|
QScrollBar::handle:vertical {
|
|
background: $backgroundColor4;
|
|
min-height: 20px;
|
|
margin: 3px 3px 3px 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
QScrollBar::handle:vertical::hover,
|
|
QScrollBar::handle:horizontal::hover {
|
|
background: $backgroundColor5;
|
|
}
|
|
|
|
QScrollBar::handle:vertical::pressed,
|
|
QScrollBar::handle:horizontal::pressed {
|
|
background: white;
|
|
}
|
|
|
|
QScrollBar::add-line:vertical,
|
|
QScrollBar::sub-line:vertical,
|
|
QScrollBar::add-line:horizontal,
|
|
QScrollBar::sub-line:horizontal {
|
|
border: 0px;
|
|
height: 0px;
|
|
}
|
|
|
|
QScrollBar::up-arrow:vertical,
|
|
QScrollBar::down-arrow:vertical,
|
|
QScrollBar::down-arrow:horizontal,
|
|
QScrollBar::up-arrow:horizontal {
|
|
border: 0px;
|
|
background: none;
|
|
}
|
|
|
|
QScrollBar::add-page:vertical,
|
|
QScrollBar::sub-page:vertical,
|
|
QScrollBar::add-page:horizontal,
|
|
QScrollBar::sub-page:horizontal {
|
|
background: none;
|
|
}
|
|
|
|
QScrollBar:horizontal {
|
|
border: 0px;
|
|
background: transparent;
|
|
height: 15px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
QScrollBar:horizontal:hover {
|
|
background: $backgroundColor2;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal {
|
|
background: $backgroundColor4;
|
|
min-width: 20px;
|
|
margin: 3px 3px 3px 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
QFrame#FramedGroupContent {
|
|
background-color: $mainBackgroundColor;
|
|
border-top: 1px solid $borderColor;
|
|
}
|
|
|
|
QFrame#GroupTitleFrame QToolButton {
|
|
padding: 3px;
|
|
}
|
|
|
|
QMinimizePanel {
|
|
qproperty-background: $mainBackgroundColor;
|
|
qproperty-titleBackground: $backgroundColor2;
|
|
qproperty-border: $borderColor;
|
|
qproperty-expandIconPath: url(:/themes/dark/arrow-down.svg);
|
|
qproperty-collapseIconPath: url(:/themes/dark/arrow-up.svg);
|
|
qproperty-iconSize: 8px;
|
|
border: 2px solid $backgroundColor2;
|
|
}
|
|
|
|
QMinimizePanel QLabel,
|
|
QMinimizePanel QCheckBox,
|
|
QToolButton {
|
|
background-color: transparent;
|
|
}
|
|
|
|
QTextEdit,
|
|
QPlainTextEdit {
|
|
border: 2px solid $borderColor;
|
|
}
|
|
|
|
QWidget[state="ExternalInput"] {
|
|
background-color: $externalInputColor;
|
|
border: 2px solid $borderColor;
|
|
}
|
|
|
|
QWidget:readonly {
|
|
background-color: $backgroundColor1;
|
|
color: $backgroundColor3;
|
|
}
|
|
|
|
QComboBox::drop-down {
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: top right;
|
|
width: 18px;
|
|
border: 0px;
|
|
}
|
|
|
|
QComboBox QAbstractItemView {
|
|
background-color: $inputColor;
|
|
}
|
|
|
|
QComboBox::down-arrow {
|
|
image: url(:/themes/dark/expanded.svg);
|
|
width: 18px;
|
|
height: 16px;
|
|
}
|
|
|
|
|
|
/*
|
|
* Styling for advanced docking system
|
|
* Based on \ResInsight\ThirdParty\qtadvanceddocking\src\stylesheets\default.css
|
|
*/
|
|
|
|
|
|
/*
|
|
* Default style sheet on Windows Platforms
|
|
*/
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockContainerWidget
|
|
*****************************************************************************/
|
|
|
|
ads--CDockContainerWidget {
|
|
background: $mainBackgroundColor;
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockSplitter
|
|
*****************************************************************************/
|
|
|
|
ads--CDockContainerWidget>QSplitter {
|
|
padding: 1 0 1 0;
|
|
}
|
|
|
|
ads--CDockContainerWidget ads--CDockSplitter::handle {
|
|
background: $backgroundColor3;
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockAreaWidget
|
|
*****************************************************************************/
|
|
|
|
ads--CDockAreaWidget {
|
|
background: $mainBackgroundColor;
|
|
}
|
|
|
|
ads--CTitleBarButton {
|
|
padding: 0px 0px;
|
|
background: $backgroundColor2;
|
|
}
|
|
|
|
#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: $mainBackgroundColor;
|
|
border-color: $backgroundColor1;
|
|
border-style: solid;
|
|
border-width: 0 1px 0 0;
|
|
padding: 0 0px;
|
|
}
|
|
|
|
ads--CDockWidgetTab[activeTab="true"] {
|
|
background: $backgroundColor1;
|
|
}
|
|
|
|
ads--CDockWidgetTab QLabel {
|
|
color: $textColor;
|
|
background: $mainBackgroundColor;
|
|
}
|
|
|
|
ads--CDockWidgetTab[activeTab="true"] QLabel {
|
|
color: $textColor;
|
|
background: $backgroundColor1;
|
|
}
|
|
|
|
#tabCloseButton {
|
|
margin-top: 2px;
|
|
background: $backgroundColor2;
|
|
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 $backgroundColor3;
|
|
background: $backgroundColor3;
|
|
}
|
|
|
|
#tabCloseButton:pressed {
|
|
background: $backgroundColor2;
|
|
}
|
|
|
|
|
|
/*****************************************************************************
|
|
* CDockWidget
|
|
*****************************************************************************/
|
|
|
|
ads--CDockWidget {
|
|
background: $mainBackgroundColor;
|
|
border-color: $backgroundColor1;
|
|
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);
|
|
} |