437 lines
10 KiB
Text
437 lines
10 KiB
Text
|
/* -----------------------------------------------------------------------------
|
||
|
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;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* -----------------------------------------------------------------------------
|
||
|
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;
|
||
|
}
|