tahoma2d/stuff/config/qss/Astral_072_Dark/less/layouts/mainwindow.less

449 lines
10 KiB
Text
Raw Normal View History

/* -----------------------------------------------------------------------------
Main
----------------------------------------------------------------------------- */
QWidget {
background-color: @bg;
color: @text-color;
&:disabled {
color: @text-color-disabled;
}
}
QFrame {
border: 0;
margin: 0;
padding: 0;
}
/* -----------------------------------------------------------------------------
Tooltip
----------------------------------------------------------------------------- */
QToolTip,
#helpToolTip {
background-color: #ffffe1;
border: 1px solid #000;
color: #000;
padding: 1px 0;
}
/* -----------------------------------------------------------------------------
Dock Separator
----------------------------------------------------------------------------- */
#DockSeparator,
QMainWindow::separator,
QSplitter::handle,
TPanel {
background-color: @dock-bg-color;
height: 4px;
width: 4px;
}
#TDockPlaceholder {
background-color: @dock-placeholder-color;
}
/* -----------------------------------------------------------------------------
TopBar / QMenuBar
----------------------------------------------------------------------------- */
#TopBar {
background: @topbar-bg-color;
border: 0;
border-bottom: 1px solid @topbar-border-color; // I have conditions (#C001)
height: 21px;
& #EditToolLockButton {
spacing: 0;
&::indicator {
// Inherits from #ToolOptions (toolbar.less)
&:extend(.button-tool all);
height: 17px;
margin: 1px 2px 0 0;
padding-left: 1px;
padding-right: 1px;
}
}
}
#TopBarTabContainer {
background-color: @topbar-bg-color;
margin-bottom: 1px; // (#C001) Required for #TopBar border-bottom to show
}
#StackedMenuBar {
border: 0;
margin: 0;
padding: 0;
}
QMenuBar {
background-color: @topbar-bg-color;
border: 0;
&::item {
background-color: @topbar-bg-color;
border-left: 1px solid @topbar-bg-color; // Spacing for QMenu
margin: 0;
padding: 3px 5px;
&:selected {
.selected-secondary; // base/mixins.less
}
&:pressed {
.selected-primary; // base/mixins.less
}
}
}
/* -----------------------------------------------------------------------------
Room Tabs
----------------------------------------------------------------------------- */
#TopBarTab {
margin: 0;
padding: 0;
&::tab {
background-color: @rooms-tab-bg-color;
border-top: 1px solid @rooms-tab-border-color;
border-right: 1px solid @rooms-tab-border-color;
color: @rooms-tab-text-color;
margin: 0 0 0 0;
padding: 2px 10px 3px 10px;
&:hover {
background-color: @rooms-tab-bg-color-hover;
}
&:selected {
background-color: @rooms-tab-bg-color-selected;
color: @rooms-tab-text-color-selected;
}
&:first {
border-left: 1px solid @rooms-tab-border-color;
}
&:last {
border-right: 1px solid @rooms-tab-border-color;
}
}
}
/* -----------------------------------------------------------------------------
QMenu (Context Menu)
----------------------------------------------------------------------------- */
QMenu {
background-color: @menu-bg-color;
border: 1px solid @menu-border-color;
padding: 2px 0;
&::item {
padding: 3px 28px;
&:selected {
.selected-primary; // base/mixins.less
}
&:checked {
color: @menu-checkbox-text-color-checked;
&:selected {
.selected-primary; // base/mixins.less
}
}
&:disabled {
background: none;
color: @text-color-disabled;
&:selected {
border-color: transparent;
}
}
}
&::separator {
border-top: 1px solid @menu-separator-color;
height: 0;
margin: 2px 0;
}
&::icon {
border-radius: 2px;
margin: 0 0 0 3px;
padding: 1px;
&:checked {
background-color: @selected-bg-color;
}
}
&::indicator {
&:extend(.QCheckBox::indicator all); // views/controls.less
margin-left: 7px;
}
}
/* -----------------------------------------------------------------------------
Title Bars (Global)
----------------------------------------------------------------------------- */
TPanelTitleBar {
background-color: @title-bg-color;
border-color: @title-border-color;
border-style: solid;
border-width: @title-border-width;
font-weight: 700;
height: @title-size;
min-height: @title-size;
qproperty-TitleColor: @title-text-color;
qproperty-ActiveTitleColor: @title-text-color-active;
qproperty-BorderPixmap: url('@{img-url}/@{title-img}');
qproperty-ActiveBorderPixmap: url('@{img-url}/@{title-img-active}');
qproperty-FloatBorderPixmap: url('@{img-url}/@{title-img-float}');
qproperty-FloatActiveBorderPixmap: url('@{img-url}/@{title-img-float-active}');
}
/* -----------------------------------------------------------------------------
Scroll Bars (Global)
----------------------------------------------------------------------------- */
QAbstractScrollArea::corner {
background-color: @scrollbar-bg-color;
}
QScrollBar {
background-color: @scrollbar-bg-color;
border: 0;
&:horizontal {
height: 16px;
margin: 0;
}
&:vertical {
margin: 0;
width: 16px;
}
&::handle {
border: 0;
&:horizontal,
&:vertical {
&:hover {
background-color: @scrollbar-handle-bg-color-hover;
}
&:pressed {
background-color: @scrollbar-handle-bg-color-pressed;
}
}
&:horizontal {
background-color: @scrollbar-handle-bg-color;
margin: 2px 16px;
min-width: 20px;
}
&:vertical {
background-color: @scrollbar-handle-bg-color;
margin: 16px 2px;
min-height: 20px;
}
}
&::add-line {
subcontrol-origin: margin;
border: 0;
&:horizontal { // right
subcontrol-position: right;
background-color: @scrollbar-button-bg-color;
margin: 0;
width: 16px;
&:pressed {
background-color: @scrollbar-button-bg-color-pressed;
}
}
&:vertical { // down
subcontrol-position: bottom;
background-color: @scrollbar-button-bg-color;
margin: 0;
height: 16px;
&:pressed {
background-color: @scrollbar-button-bg-color-pressed;
}
}
}
&::sub-line {
border: 0;
subcontrol-origin: margin;
&:horizontal { // left
subcontrol-position: left;
background-color: @scrollbar-button-bg-color;
margin: 0;
width: 16px;
&:pressed {
background-color: @scrollbar-button-bg-color-pressed;
}
}
&:vertical { // up
subcontrol-position: top;
background-color: @scrollbar-button-bg-color;
margin: 0;
height: 16px;
&:pressed {
background-color: @scrollbar-button-bg-color-pressed;
}
}
}
&::up-arrow:vertical {
image: url('@{img-url}/scroll-up.svg');
image-position: center center;
}
&::down-arrow:vertical {
image: url('@{img-url}/scroll-down.svg');
image-position: center center;
}
&::left-arrow:horizontal {
image: url('@{img-url}/scroll-left.svg');
image-position: center center;
}
&::right-arrow:horizontal {
image: url('@{img-url}/scroll-right.svg');
image-position: center center;
}
&::sub-page,
&::add-page {
&:horizontal,
&:vertical {
background: none;
}
}
}
/* -----------------------------------------------------------------------------
Tool Bars (Global)
----------------------------------------------------------------------------- */
// Don't over-develop here, it could cause things to break in other places.
// If you're looking for the #ToolBar DockWidget look in /layouts/toolbar.less.
QToolBar {
padding: 0;
&::separator {
&:horizontal {
border-left: 1px solid @accent1;
margin: 0 1px;
width: 0;
}
&:vertical {
border-top: 1px solid @accent1;
height: 0;
margin: 1px 0;
}
}
QToolButton {
&:extend(.button-tool all); // components/buttons.less
&::menu-indicator {
image: none;
}
&::menu-button {
border-image: none;
}
}
& QLabel {
margin-top: 1px;
}
& QToolBar {
border: 0;
}
}
/* -------------------------------------------------------------------------- */
// Scrollable QToolBar buttons - these show when QToolBar is too small to show
// all of its content.
//
// This is a generic global style, pay attention to #ComboViewer and
// #PaletteViewer variants when tweaking these.
DvScrollWidget {
& QPushButton {
background-color: @toolbar-scrollbutton-bg-color;
border: 0;
border-radius: 0;
padding: 0;
max-width: 16px;
min-width: 16px;
&:hover {
background-color: @toolbar-scrollbutton-bg-color-hover;
}
&:pressed {
background-color: @toolbar-scrollbutton-bg-color-pressed;
}
}
}
#ScrollLeftButton,
#ScrollRightButton,
#ScrollUpButton,
#ScrollDownButton {
background-color: @toolbar-scrollbutton-bg-color;
border: 0;
border-radius: 0;
max-width: 16px;
min-width: 16px;
padding: 0;
&:hover {
background-color: @toolbar-scrollbutton-bg-color-hover;
}
&:pressed {
background-color: @toolbar-scrollbutton-bg-color-pressed;
}
}
#ScrollLeftButton {
image: url('@{img-url}/scroll-left.svg');
border-right: 1px solid @accent1;
}
#ScrollRightButton {
image: url('@{img-url}/scroll-right.svg');
border-left: 1px solid @accent1;
border-right: 1px solid @accent1; // FPS Slider
}
#ScrollUpButton {
image: url('@{img-url}/scroll-up.svg');
}
#ScrollDownButton {
image: url('@{img-url}/scroll-down.svg');
}
#keyFrameNavigator {
background: none; // Fixes BG overflow
margin: 0;
padding: 0;
& QToolButton {
min-width: 18px;
}
#PreviousKey{
image: url('@{img-url}/prevkey.png');
&:disabled{
image: url('@{img-url}/prevkey_disabled.png');
}
}
#NextKey{
image: url('@{img-url}/nextkey.png');
&:disabled{
image: url('@{img-url}/nextkey_disabled.png');
}
}
}
/* -----------------------------------------------------------------------------
Treeviews (Global)
----------------------------------------------------------------------------- */
QTreeWidget {
&:extend(.tree-list all); // components/treeviews.less
}
QListView {
outline: 0; // Hide dotted border on focus
}
/* -----------------------------------------------------------------------------
Tabs (Global)
----------------------------------------------------------------------------- */
#TabBarContainer {
&:extend(.tab-container all); // components/tabs.less
background-color: @tabbar-bg-color;
}