Qt-Advanced-Docking-System/src/stylesheets/focus_highlighting_linux.css

/*
 * Default style sheet on Linux Platforms with focus highlighting flag enabled
 */

/*****************************************************************************
 * 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--CDockAreaWidget #tabsMenuButton::menu-indicator {
        image: none;
}


ads--CTitleBarButton {
        padding: 0px 0px;
}


#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;
}



/*****************************************************************************
 * CDockAreaTitleBar
 *****************************************************************************/
ads--CDockAreaTitleBar {
        background: transparent;
        border-bottom: 2px solid palette(light);
        padding-bottom: 0px;
}

ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
        background: transparent;
        border-bottom: 2px solid palette(highlight);
        padding-bottom: 0px;
}


/*****************************************************************************
 * 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, 24);
}

#tabCloseButton:pressed {
        background: rgba(0, 0, 0, 48);
}


/* Focus related styling */
ads--CDockWidgetTab[focused="true"] {
        background: palette(highlight);
        border-color: palette(highlight);
}

ads--CDockWidgetTab[focused="true"] > #tabCloseButton {
        qproperty-icon: url(:/ads/images/close-button-focused.svg)
}

ads--CDockWidgetTab[focused="true"] > #tabCloseButton:hover {
        background: rgba(255, 255, 255, 48);
}

ads--CDockWidgetTab[focused="true"] > #tabCloseButton:pressed {
        background: rgba(255, 255, 255, 92);
}

ads--CDockWidgetTab[focused="true"] QLabel {
        color: palette(light);
}


/*****************************************************************************
 * 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;
}



/*****************************************************************************
 * Floating widget styling
 *****************************************************************************/
ads--CFloatingWidgetTitleBar {
    qproperty-maximizeIcon: url(:/ads/images/maximize-button.svg);
    qproperty-normalIcon: url(:/ads/images/restore-button.svg);
}


/* does not properly work on KDE
ads--CFloatingDockContainer[isActiveWindow="true"] ads--CFloatingWidgetTitleBar {
        background: palette(highlight);
        qproperty-maximizeIcon: url(:/ads/images/maximize-button-focused.svg);
        qproperty-normalIcon: url(:/ads/images/restore-button-focused.svg);
}

ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleLabel {
        color: palette(light);
}
*/

#floatingTitleCloseButton, #floatingTitleMaximizeButton {
   qproperty-iconSize: 16px;
   border: none;
   margin: 6px 3px 6px 3px;
}


#floatingTitleCloseButton {
   qproperty-icon: url(:/ads/images/close-button.svg);
}


#floatingTitleCloseButton:hover, #floatingTitleMaximizeButton:hover {
    background: rgba(0, 0, 0, 24);
    border: none;
}


#floatingTitleCloseButton:pressed, #floatingTitleMaximizeButton:pressed {
    background: rgba(0, 0, 0, 48);
}


ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleMaximizeButton {
    qproperty-iconSize: 16px;
}


/* does not properly work on KDE
ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleCloseButton {
    qproperty-icon: url(:/ads/images/close-button-focused.svg);
    qproperty-iconSize: 16px;
}

ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleCloseButton:hover,
ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleMaximizeButton:hover {
    background: rgba(255, 255, 255, 48);
}


ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleCloseButton:pressed,
ads--CFloatingDockContainer[isActiveWindow="true"] #floatingTitleMaximizeButton:pressed  {
    background: rgba(255, 255, 255, 92);
}
*/


/*****************************************************************************
 *
 * Styling of auto hide functionality
 *
 *****************************************************************************/


/*****************************************************************************
 * CAutoHideTab
 *****************************************************************************/
ads--CAutoHideTab {
    qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
    padding-left: 2px;
    padding-right: 0px;
    text-align: center;
    margin-right: 6px;
    min-height: 20;
    border: none;
}

ads--CAutoHideTab[sideTabBarArea="1"],
ads--CAutoHideTab[sideTabBarArea="3"] {
    border-bottom: 5px solid rgba(0, 0, 0, 48);
}


ads--CAutoHideTab[sideTabBarArea="0"],
ads--CAutoHideTab[sideTabBarArea="2"]  {
    border-top: 5px solid rgba(0, 0, 0, 48);
}


ads--CAutoHideTab:hover[sideTabBarArea="0"],
ads--CAutoHideTab:hover[sideTabBarArea="2"]  {
    border-top: 5px solid palette(highlight);
    color: palette(highlight);
}


ads--CAutoHideTab:hover[sideTabBarArea="1"],
ads--CAutoHideTab:hover[sideTabBarArea="3"]  {
    border-bottom: 5px solid palette(highlight);
    color: palette(highlight);
}

ads--CAutoHideTab[sideTabBarArea="0"][activeTab="true"],
ads--CAutoHideTab[sideTabBarArea="2"][activeTab="true"]  {
    border-top: 5px solid palette(highlight);
}


ads--CAutoHideTab[sideTabBarArea="1"][activeTab="true"],
ads--CAutoHideTab[sideTabBarArea="3"][activeTab="true"] {
    border-bottom: 5px solid palette(highlight);
}


/*****************************************************************************
 * CAutoHideBar
 *****************************************************************************/
ads--CAutoHideBar{
        background: palette(window);
}


ads--CAutoHideBar[sideTabBarArea="0"] {
    border-bottom: 1px solid palette(dark);
}

ads--CAutoHideBar[sideTabBarArea="1"] {
    border-right: 1px solid palette(dark);
}

ads--CAutoHideBar[sideTabBarArea="2"] {
    border-left: 1px solid palette(dark);
}

ads--CAutoHideBar[sideTabBarArea="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[sideTabBarArea="0"] ads--CResizeHandle {
    border-top: 1px solid palette(dark);
}

ads--CAutoHideDockContainer[sideTabBarArea="1"] ads--CResizeHandle {
    border-left: 1px solid palette(dark);
}

ads--CAutoHideDockContainer[sideTabBarArea="2"] ads--CResizeHandle {
    border-right: 1px solid palette(dark);
}

ads--CAutoHideDockContainer[sideTabBarArea="3"] ads--CResizeHandle {
    border-top: 1px solid palette(dark);
}