mirror of
https://github.com/LMMS/lmms.git
synced 2026-03-27 18:33:15 -04:00
501011e573
* Fix rendering for Vectorscope The rendering of the Vectorscope is broken on Wayland if the size of the Vectorscope is increased. This is caused by using a `QImage` to render the scope traces which is then scaled up. Introduce a new way to paint the vector scope (goniometer) which simply paints lines or points that progressively get dimmer and which does not make use of a QImage anymore. It supports the following features: * Log mode * Zooming * Rendering the drawing performance * Selecting a different color for the traces It does not support: * HQ Mode: The new implementation provides a performance that's equivalent to Non-HQ mode and look similar or better than the HQ mode. * Blurring of old data * Persistence: Might be implemented by using a factor for the dimming Rendering of the samples/trances uses the composition mode "Plus" so that overlapping elements will appear like adding brightness. Painting the grid and lines is done using the normal composition mode "Source Over" so that it simply replaces existing pixels. Painting of the lines/points and the grids and lines is done in a "signal space", i.e. a transform where elements in the interval of [-1, 1] feel "natural". The text is painted in "widget space". * Remove old implementation Remove HQ mode and persistence. Also remove the legacy option again. This removes the models, loading, saving and the GUI controls. Remove all unnecessary members from `VectorView`, adjust the constructor. Move the implementation of `paintLinesMode` into `paintEvent`. Remove methods `paintLegacyMode` and `paintLinesMode`. * Move colors into VectorView Move the colors out of `VecControls` into `VectorView` as they are related to presentation. * Remove friend relationship to VectorView Remove a friend relationship to `VectorView` from `VecControls` by introducing const getters for the models. * Remove VectorView::m_visible Remove the unnecessary member `m_visible` from `VectorView`. It was not initialized and only written to but never read. * Make Vectorscope themeable Make the Vectorscope themeable by introducing Qt properties for the relevant colors. The default theme gets the values from the code whereas the classic theme gets a trace with amber color. * Rename m_colorFG Rename `m_colorFG` to `m_colorTrace`. Adjust the Qt property accordingly. Remove local variable `traceColor` from paint method and use member `m_colorTrace` directly. * Remove m_colorOutline Remove unused member `m_colorOutline`. * Fix horizontal lines on silence Fix the horizontal lines that are rendered on silence. They seem to be produced when rendering lines that start and end at the same point. Therefore we only draw a point if the current and last point are the same. * Add some margin to the VectorView Add some margin to the rendering of the `VectorView` so that the circle does not touch the bounary of the widget. * Clean up the layout of the Vectorscope Clean up the layout of the Vectorscope. The checkboxes are not put on top of the vector view anymore but are organized in a horizontal layout beneath it. This gives a much tidier look.
1105 lines
27 KiB
CSS
1105 lines
27 KiB
CSS
/********************
|
|
* LMMS style sheet *
|
|
********************/
|
|
|
|
/* most foreground text items */
|
|
QLabel, QTreeWidget, QListWidget, QGroupBox, QMenuBar, QCheckBox {
|
|
color: #d1d8e4;
|
|
}
|
|
|
|
QTreeView {
|
|
outline: none;
|
|
alternate-background-color: #111314;
|
|
}
|
|
|
|
QTreeWidget::item {
|
|
padding: 1px;
|
|
}
|
|
|
|
QTreeWidget::item:hover,
|
|
QTreeWidget::branch:hover {
|
|
background-color: #3C444E;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
QTreeWidget::item:selected,
|
|
QTreeWidget::branch:selected {
|
|
background-color: #17793b;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
QTreeView::branch:has-children:open {
|
|
border-image: url("resources:open_branch.png") 0;
|
|
}
|
|
|
|
QTreeView::branch:has-children:closed {
|
|
border-image: url("resources:closed_branch.png") 0;
|
|
}
|
|
|
|
QMdiArea {
|
|
background-color: #111314;
|
|
}
|
|
|
|
lmms--gui--FileBrowser QCheckBox
|
|
{
|
|
font-size: 8pt;
|
|
color: white;
|
|
}
|
|
|
|
lmms--gui--Knob {
|
|
qproperty-lineInactiveColor: rgb(120, 120, 120);
|
|
qproperty-arcInactiveColor: rgba(120, 120, 120, 70);
|
|
}
|
|
|
|
lmms--gui--AutomationEditor {
|
|
color: #ffffff;
|
|
background-color: #141616;
|
|
qproperty-backgroundShade: rgba(255, 255, 255, 15);
|
|
qproperty-nodeInValueColor: rgba(103, 73, 194, 150);
|
|
qproperty-nodeOutValueColor: rgba(125, 40, 40, 150);
|
|
qproperty-nodeTangentLineColor: rgba(200, 200, 200, 255);
|
|
qproperty-crossColor: rgba(215, 210, 254, 150);
|
|
/* Grid colors */
|
|
qproperty-lineColor: #292929;
|
|
qproperty-beatLineColor: #4a3bba;
|
|
qproperty-barLineColor: #8173fe;
|
|
|
|
qproperty-graphColor: rgba(69,42,153,180);
|
|
qproperty-scaleColor: #262b30;
|
|
qproperty-ghostNoteColor: rgba(248, 248, 255, 125);
|
|
qproperty-detuningNoteColor: rgba(248, 11, 11, 125);
|
|
qproperty-ghostSampleColor: rgba(125, 125, 125, 125);
|
|
}
|
|
|
|
/* text box */
|
|
|
|
QLineEdit {
|
|
border-radius: 4px;
|
|
border: 1px;
|
|
background: #101213;
|
|
}
|
|
|
|
QLineEdit:read-only {
|
|
border-style: none;
|
|
background: transparent;
|
|
}
|
|
|
|
/* text box when it wants text */
|
|
|
|
QLineEdit:focus {
|
|
border: 1px solid #0bd556;
|
|
}
|
|
|
|
/* Set color and selection background color for various inputs.
|
|
SpinBoxes are used in QInputDialogs */
|
|
|
|
QTextEdit, QLineEdit:focus, QComboBox:focus, QSpinBox:focus, QDoubleSpinBox:focus {
|
|
color: #d1d8e4;
|
|
selection-background-color: #17793b;
|
|
}
|
|
|
|
QToolTip {
|
|
border-radius: 4px;
|
|
background: #040506;
|
|
color: #d1d8e4;
|
|
}
|
|
|
|
lmms--gui--TextFloat, lmms--gui--SimpleTextFloat {
|
|
background: #040506;
|
|
color: #d1d8e4;
|
|
}
|
|
|
|
|
|
/* splash screen text */
|
|
QSplashScreen QLabel {
|
|
color: white;
|
|
}
|
|
|
|
|
|
QMenu {
|
|
border-top: 2px solid #08993E;
|
|
background-color: #15191c;
|
|
}
|
|
|
|
QMenu::separator {
|
|
height: 1.0px;
|
|
background: #323940;
|
|
margin-left: 0x;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
QMenu::item {
|
|
color: #d1d8e4;
|
|
padding: 2px 35px 2px 23px;
|
|
margin: 3px 0px 3px 0px;
|
|
}
|
|
|
|
QMenu::item:selected {
|
|
color: #d1d8e4;
|
|
background-color: #21272b;
|
|
}
|
|
|
|
QMenu::item:disabled {
|
|
color: #515459;
|
|
background-color: #262b30;
|
|
padding: 4px 32px 4px 20px;
|
|
}
|
|
|
|
QMenu::icon {
|
|
margin: 3px;
|
|
}
|
|
|
|
QMenu::indicator {
|
|
width: 16;
|
|
height: 16;
|
|
opacity: 0;
|
|
border: 1px solid #101213;
|
|
border-radius: 2px;
|
|
background-color: #101213;
|
|
}
|
|
|
|
QMenu::indicator:checked {
|
|
image: url("resources:apply.png");
|
|
}
|
|
|
|
QMenu::indicator:selected {
|
|
image: url("resources:apply-selected.png");
|
|
border: 1px solid #101213;
|
|
background-color: #101213;
|
|
}
|
|
|
|
lmms--gui--PositionLine {
|
|
qproperty-tailGradient: true;
|
|
qproperty-lineColor: rgb(255, 255, 255);
|
|
}
|
|
|
|
lmms--gui--PianoRoll {
|
|
background-color: #141616;
|
|
qproperty-backgroundShade: rgba(255, 255, 255, 10);
|
|
qproperty-noteModeColor: #0bd556;
|
|
qproperty-noteColor: #0bd556;
|
|
qproperty-stepNoteColor: #9b1313;
|
|
qproperty-currentStepNoteColor: rgb(245, 3, 139);
|
|
qproperty-noteTextColor: #ffffff;
|
|
qproperty-noteOpacity: 165;
|
|
qproperty-noteBorders: false; /* boolean property, set false to have borderless notes */
|
|
qproperty-selectedNoteColor: #064d79;
|
|
qproperty-ghostNoteColor: #1e1e1e;
|
|
qproperty-ghostNoteTextColor: #ffffff;
|
|
qproperty-ghostNoteOpacity: 60;
|
|
qproperty-ghostNoteBorders: false;
|
|
qproperty-barColor: #078f3a;
|
|
qproperty-markedSemitoneColor: rgba(255, 255, 255, 30);
|
|
qproperty-knifeCutLine: rgba(255, 0, 0, 255);
|
|
/* Piano keys */
|
|
qproperty-whiteKeyWidth: 64;
|
|
qproperty-whiteKeyActiveTextColor: #000;
|
|
qproperty-whiteKeyActiveTextShadow: #fff;
|
|
qproperty-whiteKeyActiveBackground: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #3ac467, stop:1 #3dd671);
|
|
qproperty-whiteKeyInactiveTextColor: #000;
|
|
qproperty-whiteKeyInactiveTextShadow: #fff;
|
|
qproperty-whiteKeyInactiveBackground: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #d6d6d6, stop:1 #e3e3e3);
|
|
qproperty-whiteKeyDisabledBackground: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #a0a0a0, stop:1 #b0b0b0);
|
|
qproperty-blackKeyWidth: 48;
|
|
qproperty-blackKeyActiveBackground: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #3ac467, stop:1 #3dd671);
|
|
qproperty-blackKeyInactiveBackground: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #262626, stop:1 #313131);
|
|
qproperty-blackKeyDisabledBackground: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #606060, stop:1 #505050);
|
|
|
|
/* Grid colors */
|
|
qproperty-lineColor: #292929;
|
|
qproperty-beatLineColor: #2d6b45;
|
|
qproperty-barLineColor: #42a065;
|
|
|
|
/* Text on the white piano keys */
|
|
qproperty-textColor: #000;
|
|
qproperty-textColorLight: #0bd556;
|
|
qproperty-textShadow: #fff;
|
|
}
|
|
|
|
lmms--gui--TabWidget {
|
|
background-color: #262b30;
|
|
qproperty-tabText: rgba(255, 255, 255, 180);
|
|
qproperty-tabTitleText: #fff;
|
|
qproperty-tabSelected: #1c4933;
|
|
qproperty-tabTextSelected: rgba(255, 255, 255, 255);
|
|
qproperty-tabBackground: #181b1f;
|
|
qproperty-tabBorder: #181b1f;
|
|
}
|
|
|
|
lmms--gui--GroupBox {
|
|
background-color: #262b30;
|
|
}
|
|
|
|
/* main toolbar oscilloscope - can have transparent bg now */
|
|
|
|
lmms--gui--Oscilloscope {
|
|
background: none;
|
|
border: none;
|
|
qproperty-leftChannelColor: rgb(71, 253, 133);
|
|
qproperty-rightChannelColor: rgb(238, 253, 71);
|
|
qproperty-otherChannelsColor: rgb(71, 235, 253);
|
|
qproperty-clippingColor: rgb(255, 64, 64);
|
|
}
|
|
|
|
/* main toolbar cpu load widget - this can have transparent bg now */
|
|
|
|
lmms--gui--CPULoadWidget {
|
|
border: none;
|
|
background: url("resources:cpuload_bg.png");
|
|
qproperty-stepSize: 1;
|
|
}
|
|
|
|
/* scrollbar: trough */
|
|
|
|
QScrollBar:horizontal {
|
|
border-top: 3px solid #262b30;
|
|
background: #262b30;
|
|
height: 12px;
|
|
margin: 0px 12px;
|
|
}
|
|
QScrollBar:vertical {
|
|
border-left: 3px solid #262b30;
|
|
background: #262b30;
|
|
width: 12px;
|
|
margin: 12px 0px;
|
|
}
|
|
|
|
/* scrollbar: trough clicky things */
|
|
|
|
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal,
|
|
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
|
|
background: none;
|
|
}
|
|
|
|
QScrollBar::add-page:horizontal:pressed, QScrollBar::sub-page:horizontal:pressed,
|
|
QScrollBar::add-page:vertical:pressed, QScrollBar::sub-page:vertical:pressed {
|
|
background: rgba(0,0,0,50);
|
|
}
|
|
|
|
/* scrollbar: handles (sliders) */
|
|
|
|
QScrollBar::handle:horizontal {
|
|
background: #5d6b77;
|
|
border: none;
|
|
border-radius: 4px;
|
|
min-width: 24px;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:hover {
|
|
background: #b8c4d1;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:pressed {
|
|
background: #ffffff;
|
|
}
|
|
|
|
QScrollBar::handle:vertical {
|
|
background: #5d6b77;
|
|
border: none;
|
|
border-radius: 4px;
|
|
min-height: 24px;
|
|
}
|
|
|
|
QScrollBar::handle:vertical:hover {
|
|
background: #b8c4d1;
|
|
}
|
|
|
|
QScrollBar::handle:vertical:pressed {
|
|
background: #ffffff;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:disabled, QScrollBar::handle:vertical:disabled {
|
|
background: #262b30;
|
|
border-radius: 1px;
|
|
border: none;
|
|
}
|
|
|
|
lmms--gui--EffectRackView QScrollBar::handle:vertical:disabled {
|
|
background: #3f4750;
|
|
border: none;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* arrow buttons */
|
|
|
|
QScrollBar::add-line, QScrollBar::sub-line {
|
|
background: #262b30;
|
|
border-radius: 0px;
|
|
border: none;
|
|
subcontrol-origin: margin;
|
|
}
|
|
|
|
QScrollBar::add-line:horizontal { subcontrol-position: right; width: 12px;}
|
|
QScrollBar::sub-line:horizontal { subcontrol-position: left; width: 12px;}
|
|
QScrollBar::add-line:vertical { subcontrol-position: bottom; height: 12px;}
|
|
QScrollBar::sub-line:vertical { subcontrol-position: top; height: 12px;}
|
|
|
|
QScrollBar::add-line:hover, QScrollBar::sub-line:hover {
|
|
background: #262b30;
|
|
}
|
|
|
|
QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
|
|
background: #262b30;
|
|
}
|
|
|
|
QScrollBar::add-line:disabled, QScrollBar::sub-line:disabled {
|
|
background: #262b30;
|
|
}
|
|
|
|
/* arrow button arrows */
|
|
|
|
QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal,
|
|
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
|
|
border: none;
|
|
background-color: none;
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
|
|
QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
|
|
margin-left: 3px;
|
|
}
|
|
|
|
QScrollBar::left-arrow:horizontal { background-image: url("resources:sbarrow_left.png");}
|
|
QScrollBar::right-arrow:horizontal { background-image: url("resources:sbarrow_right.png");}
|
|
QScrollBar::up-arrow:vertical { background-image: url("resources:sbarrow_up.png");}
|
|
QScrollBar::down-arrow:vertical { background-image: url("resources:sbarrow_down.png");}
|
|
QScrollBar::left-arrow:horizontal:disabled { background-image: url("resources:sbarrow_left_d.png");}
|
|
QScrollBar::right-arrow:horizontal:disabled { background-image: url("resources:sbarrow_right_d.png");}
|
|
QScrollBar::up-arrow:vertical:disabled { background-image: url("resources:sbarrow_up_d.png");}
|
|
QScrollBar::down-arrow:vertical:disabled { background-image: url("resources:sbarrow_down_d.png");}
|
|
lmms--gui--EffectRackView QScrollBar::up-arrow:vertical:disabled { background-image: url("resources:sbarrow_up.png");}
|
|
lmms--gui--EffectRackView QScrollBar::down-arrow:vertical:disabled { background-image: url("resources:sbarrow_down.png");}
|
|
|
|
/* background for song editor and pattern editor */
|
|
|
|
lmms--gui--TrackContainerView QFrame {
|
|
background-color: #262b30;
|
|
}
|
|
|
|
/* background for track controls */
|
|
lmms--gui--TrackView > QWidget {
|
|
background-color: #3B424A;
|
|
}
|
|
|
|
|
|
/* autoscroll, loop, stop behaviour toggle buttons */
|
|
|
|
/* track background config */
|
|
lmms--gui--TrackContentWidget {
|
|
/* colors */
|
|
qproperty-darkerColor: #0C0E0F;
|
|
qproperty-lighterColor: #14151A;
|
|
qproperty-coarseGridColor: #3C444C;
|
|
qproperty-fineGridColor: #262B30;
|
|
qproperty-horizontalColor: #3C444C;
|
|
qproperty-embossColor: rgba(0, 0, 0, 0);
|
|
|
|
/* line widths */
|
|
qproperty-coarseGridWidth: 2;
|
|
qproperty-fineGridWidth: 1;
|
|
qproperty-horizontalWidth: 1;
|
|
qproperty-embossWidth: 0;
|
|
|
|
/* positive offset shifts emboss to the right */
|
|
qproperty-embossOffset: 0;
|
|
}
|
|
|
|
|
|
/* gear button in tracks */
|
|
|
|
lmms--gui--TrackOperationsWidget QPushButton {
|
|
max-height: 26px;
|
|
max-width: 26px;
|
|
min-height: 26px;
|
|
min-width: 26px;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
lmms--gui--TrackOperationsWidget QPushButton::menu-indicator {
|
|
image: url("resources:trackop.png");
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: center;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
lmms--gui--TrackOperationsWidget QPushButton::menu-indicator:pressed,
|
|
lmms--gui--TrackOperationsWidget QPushButton::menu-indicator:checked {
|
|
image: url("resources:trackop.png");
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
/* font sizes */
|
|
|
|
lmms--gui--Sf2InstrumentView > QLabel {
|
|
font-size:10px;
|
|
}
|
|
|
|
/* main toolbar sliders (master vol, master pitch) */
|
|
|
|
lmms--gui--AutomatableSlider::groove:vertical {
|
|
background: #040506;
|
|
border: none;
|
|
border-radius: 2px;
|
|
width: 2px;
|
|
margin: 2px 2px;
|
|
}
|
|
|
|
lmms--gui--AutomatableSlider::handle:vertical {
|
|
background: none;
|
|
border-image: url("resources:main_slider.png");
|
|
width: 26px;
|
|
height: 10px;
|
|
border-radius: 2px;
|
|
margin: -4px -12px -2px;
|
|
}
|
|
|
|
/* main horizontal sliders (zoom) */
|
|
|
|
lmms--gui--AutomatableSlider::groove:horizontal {
|
|
background: #040506;
|
|
border: none;
|
|
border-radius: 2px;
|
|
height: 2px;
|
|
margin: 2px;
|
|
}
|
|
|
|
lmms--gui--AutomatableSlider::handle:horizontal {
|
|
background: none;
|
|
border-image: url("resources:horizontal_slider.png");
|
|
width: 10px;
|
|
height: 26px;
|
|
border-radius: 2px;
|
|
margin: -12px -2px;
|
|
}
|
|
|
|
/* window that shows up when you add effects */
|
|
|
|
lmms--gui--EffectSelectDialog QScrollArea {
|
|
background: #262b30;
|
|
}
|
|
|
|
lmms--gui--SetupDialog QScrollArea {
|
|
border: 0px;
|
|
}
|
|
|
|
/* the inner boxes in LADSPA effect windows */
|
|
|
|
lmms--gui--EffectControlDialog QGroupBox {
|
|
background: #262b30;
|
|
margin-top: 1ex;
|
|
padding: 10px 2px 1px;
|
|
border-radius: 4px;
|
|
border: none;
|
|
}
|
|
|
|
/* the inner box titles when present (channel 1, channel 2...) */
|
|
|
|
lmms--gui--EffectControlDialog QGroupBox::title {
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top center;
|
|
background: #262b30;
|
|
color: #d1d8e4;
|
|
border-radius: 2px;
|
|
border: none;
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
/* main toolbar */
|
|
|
|
QWidget#mainToolbar {
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #373f47, stop:1 #1d2122);
|
|
}
|
|
|
|
/* smaller toolbars */
|
|
|
|
QToolBar {
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #434b57, stop:1 #22252c);
|
|
border: none;
|
|
padding: 2px;
|
|
spacing: 0;
|
|
}
|
|
|
|
QToolBar::separator {
|
|
border: none;
|
|
width: 5px;
|
|
}
|
|
|
|
/* all tool buttons */
|
|
|
|
QToolButton, QToolButton::menu-button {
|
|
margin: 1px;
|
|
padding: 2px 2px 2px 2px;
|
|
border-top: 1px solid #778394;
|
|
border-bottom: 1px solid #1e2226;
|
|
border-radius: 2px;
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1 stop:0 #636c7a, stop:1 #343840);
|
|
font-size:10px;
|
|
color: #fff;
|
|
}
|
|
|
|
QToolButton:hover {
|
|
border-top: 1px solid #909eb3;
|
|
border-bottom: 1px solid #1e2226;
|
|
border-radius: 2px;
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #7c8799, stop:1 #343840)
|
|
}
|
|
|
|
QToolButton:hover:checked {
|
|
border: 2px solid #343840;
|
|
border-radius: 2px;
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #292d33, stop:1 #22262c)
|
|
}
|
|
|
|
QToolButton:pressed {
|
|
border-top: 1px solid #778394;
|
|
border-bottom: 1px solid #1e2226;
|
|
border-radius: 2px;
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #636c7a, stop:1 #262b30);
|
|
}
|
|
|
|
QToolButton:checked {
|
|
border-top: 1px solid #1b1f22;
|
|
border-bottom: 1px solid #4a515e;
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #1b1f22, stop:1 #13161a);
|
|
background-image: url("resources:shadow_p.png");
|
|
}
|
|
|
|
/* buttons with combined menu */
|
|
|
|
QToolButton[popupMode="1"] {
|
|
margin-right: 13px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
QToolButton::menu-button {
|
|
subcontrol-origin: margin;
|
|
width: 13px;
|
|
padding: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
/* track label buttons - the part that contains the icon and track title */
|
|
|
|
lmms--gui--TrackLabelButton {
|
|
background-color: #3B424A;
|
|
border: 1px solid #3B424A;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
lmms--gui--TrackLabelButton:hover {
|
|
background: #3B424A;
|
|
border: 1px solid #515B66;
|
|
border-radius: none;
|
|
}
|
|
|
|
lmms--gui--TrackLabelButton:pressed {
|
|
background: #262B30;
|
|
border-radius: none;
|
|
}
|
|
|
|
lmms--gui--TrackLabelButton:checked {
|
|
border: 1px solid #485059;
|
|
background: #1C1F24;
|
|
background-image: url("resources:track_shadow_p.png");
|
|
border-radius: none;
|
|
}
|
|
|
|
lmms--gui--TrackLabelButton:checked:pressed {
|
|
border: 1px solid #2f353b;
|
|
background: #0e1012;
|
|
background-image: url("resources:track_shadow_p.png");
|
|
font-weight: solid;
|
|
}
|
|
|
|
/* sidebar, sidebar buttons */
|
|
|
|
lmms--gui--SideBar {
|
|
subcontrol-position: center;
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #1D2122, stop:1 #262B30);
|
|
}
|
|
|
|
lmms--gui--SideBar QToolButton {
|
|
background: none;
|
|
border: none;
|
|
font-size: 12px;
|
|
}
|
|
|
|
lmms--gui--SideBar QToolButton:hover {
|
|
background: none;
|
|
border: none;
|
|
font-size: 12px;
|
|
}
|
|
|
|
lmms--gui--SideBar QToolButton:pressed {
|
|
background: none;
|
|
border: none;
|
|
font-size: 12px;
|
|
}
|
|
|
|
lmms--gui--SideBar QToolButton:checked {
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #4b525b, stop:1 #2f333a);
|
|
border: none;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Instrument plugin list */
|
|
|
|
lmms--gui--PluginDescWidget {
|
|
border-top: 1px solid #3E474F;
|
|
border-bottom: 1px solid #101314;
|
|
border-radius: 2px;
|
|
background-color: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #2E343B, stop:1 #1E2326);
|
|
color: #d1d8e4;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
}
|
|
|
|
lmms--gui--PluginDescWidget:hover {
|
|
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #7C8799, stop:1 #343840);
|
|
color: #d1d8e4;
|
|
}
|
|
|
|
/* piano widget */
|
|
|
|
lmms--gui--PianoView {
|
|
background-color: #14171a;
|
|
}
|
|
|
|
/* font sizes for text buttons */
|
|
|
|
lmms--gui--MixerView QPushButton,
|
|
lmms--gui--EffectRackView QPushButton,
|
|
lmms--gui--ControllerRackView QPushButton {
|
|
font-size: 10px;
|
|
}
|
|
|
|
lmms--gui--MixerChannelView {
|
|
background: #14161A;
|
|
color: #d1d8e4;
|
|
qproperty-backgroundActive: #3B424A;
|
|
qproperty-strokeOuterActive: #262B30;
|
|
qproperty-strokeOuterInactive: #262B30;
|
|
qproperty-strokeInnerActive: #0C0D0F;
|
|
qproperty-strokeInnerInactive: #0C0D0F;
|
|
}
|
|
|
|
lmms--gui--MixerChannelView QGraphicsView {
|
|
background: transparent;
|
|
border-style: none;
|
|
}
|
|
|
|
lmms--gui--PeakIndicator {
|
|
background-color: #111811;
|
|
font-size: 7pt;
|
|
}
|
|
|
|
/* persistent peak markers for fx peak meters */
|
|
lmms--gui--Fader {
|
|
qproperty-peakOk: #0ad45c;
|
|
qproperty-peakWarn: #d6ec52;
|
|
qproperty-peakClip: #c12038;
|
|
}
|
|
|
|
lmms--gui--TimeLineWidget {
|
|
/* font-size only supports px and pt. */
|
|
font-size: 7pt;
|
|
/* lengths also support em. This will make sure that the height
|
|
will always change in the same proportion as the font size
|
|
defined above.
|
|
If you want a fixed size set min and max to the same value. */
|
|
min-height: 1.5em;
|
|
max-height: 1.5em;
|
|
|
|
/* Properties for the loop indicator rectangle in inactive state:
|
|
- LoopColor: Color of the outermost border
|
|
- LoopBrush: Brush to paint the main portion of the rectangle
|
|
- LoopInnerColor: Color used to paint the inlayed border
|
|
- LoopHandleColor: Color used to paint loop marker handles */
|
|
qproperty-inactiveLoopColor: #3B424A;
|
|
qproperty-inactiveLoopBrush: #3B424A;
|
|
qproperty-inactiveLoopInnerColor: #3B424A;
|
|
qproperty-inactiveLoopHandleColor: rgba( 192, 192, 192, 100 );
|
|
|
|
/* Properties for the loop indicator rectangle in active state.
|
|
See above for detailed description. */
|
|
qproperty-activeLoopColor: #21A14F;
|
|
qproperty-activeLoopBrush: #21A14F;
|
|
qproperty-activeLoopInnerColor: #21A14F;
|
|
qproperty-activeLoopHandleColor: rgba( 192, 192, 192, 200 );
|
|
|
|
/* Vertical padding for the loop indicator rectangle.
|
|
A value of zero draws the rectangle at the full height of the widget. */
|
|
qproperty-loopRectangleVerticalPadding: 1;
|
|
/* Width of loop marker handles (when handle mode is active) */
|
|
qproperty-loopHandleWidth: 8;
|
|
|
|
qproperty-barLineColor: rgb( 192, 192, 192 );
|
|
qproperty-barNumberColor: rgb( 192, 192, 192 );
|
|
|
|
/* Cursor hotspots for loop marker adjustment */
|
|
qproperty-mouseHotspotSelLeft: 0px 16px;
|
|
qproperty-mouseHotspotSelRight: 32px 16px;
|
|
}
|
|
|
|
lmms--gui--TrackContainerView QLabel
|
|
{
|
|
background: none;
|
|
}
|
|
|
|
/* Clips */
|
|
|
|
/* common clip colors */
|
|
lmms--gui--ClipView {
|
|
qproperty-mutedColor: rgba(255,255,255,100);
|
|
qproperty-mutedBackgroundColor: #373d48;
|
|
qproperty-selectedColor: #006B65;
|
|
qproperty-patternClipBackground: #373d48;
|
|
qproperty-textColor: #fff;
|
|
qproperty-textBackgroundColor: rgba(0, 0, 0, 75);
|
|
qproperty-textShadowColor: rgba(0,0,0,200);
|
|
qproperty-gradient: false; /* boolean property, set true to have a gradient */
|
|
/* finger tip offset of cursor */
|
|
qproperty-mouseHotspotHand: 7px 2px;
|
|
qproperty-mouseHotspotKnife: 0px 0px;
|
|
|
|
font-size: 11px;
|
|
}
|
|
|
|
/* MIDI (instrument) clip */
|
|
lmms--gui--MidiClipView {
|
|
background-color: #21A14F;
|
|
color: rgba(255,255,255,220);
|
|
|
|
qproperty-noteFillColor: rgba(255, 255, 255, 220);
|
|
qproperty-noteBorderColor: rgb(33, 161, 79);
|
|
qproperty-mutedNoteFillColor: rgba(100, 100, 100, 220);
|
|
qproperty-mutedNoteBorderColor: rgb(55, 61, 72);
|
|
}
|
|
|
|
/* sample track clip */
|
|
lmms--gui--SampleClipView {
|
|
background-color: rgba(42,51,59,255);
|
|
color: #FF8F05;
|
|
}
|
|
|
|
/* automation clip */
|
|
lmms--gui--AutomationClipView {
|
|
background-color: #663DE1;
|
|
color: rgba(255,255,255,90);
|
|
}
|
|
|
|
/* pattern clip */
|
|
lmms--gui--PatternClipView {
|
|
background-color: #20BDB2; /* default colour for pattern tracks */
|
|
}
|
|
|
|
/* Subwindows in MDI-Area */
|
|
lmms--gui--SubWindow {
|
|
color: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #090909, stop:0.05 #3D454F, stop:1 #262B30);
|
|
qproperty-activeColor: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1 stop:0 #090909, stop:0.05 #636c7a, stop:1 #343840);
|
|
qproperty-textShadowColor: #000;
|
|
qproperty-borderColor: #5c6b7a;
|
|
}
|
|
|
|
/* Subwindow title text */
|
|
lmms--gui--SubWindow > QLabel {
|
|
color: #d1d8e4;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
}
|
|
|
|
/* SubWindow titlebar button */
|
|
lmms--gui--SubWindow > QPushButton {
|
|
background-color: rgba( 255, 255, 255, 0% );
|
|
border-width: 0px;
|
|
border-color: none;
|
|
border-style: none;
|
|
}
|
|
|
|
lmms--gui--SubWindow > QPushButton:hover{
|
|
background-color: rgba( 255, 255, 255, 15% );
|
|
border-width: 1px;
|
|
border-color: rgba( 0, 0, 0, 20% );
|
|
border-style: solid;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* Instrument */
|
|
|
|
/* Envelope graph */
|
|
lmms--gui--EnvelopeGraph {
|
|
qproperty-noAmountColor: rgb(96, 91, 96);
|
|
qproperty-fullAmountColor: rgb(0, 255, 128);
|
|
qproperty-markerFillColor: rgb(153, 175, 255);
|
|
qproperty-markerOutlineColor: rgb(0, 0, 0);
|
|
}
|
|
|
|
/* LFO graph */
|
|
lmms--gui--LfoGraph {
|
|
qproperty-noAmountColor: rgb(96, 91, 96);
|
|
qproperty-fullAmountColor: rgb(0, 255, 128);
|
|
}
|
|
|
|
/* Plugins */
|
|
|
|
lmms--gui--TripleOscillatorView lmms--gui--Knob {
|
|
color: rgb(255,255,255);
|
|
qproperty-outerColor: rgb(255,255,255);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 7;
|
|
qproperty-centerPointX: 13.0;
|
|
qproperty-centerPointY: 14.0;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
|
|
lmms--gui--KickerInstrumentView lmms--gui--Knob#smallKnob {
|
|
color: #595959;
|
|
qproperty-outerColor: black;
|
|
qproperty-innerRadius: 3;
|
|
qproperty-outerRadius: 11.0;
|
|
qproperty-centerPointX: 14.5;
|
|
qproperty-centerPointY: 14.5;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
|
|
lmms--gui--KickerInstrumentView lmms--gui--Knob#largeKnob {
|
|
color: #0c3b89;
|
|
qproperty-outerColor: #519fff;
|
|
qproperty-innerRadius: 12.0;
|
|
qproperty-outerRadius: 14.5;
|
|
qproperty-centerPointX: 17.0;
|
|
qproperty-centerPointY: 17.0;
|
|
qproperty-lineWidth: 3;
|
|
}
|
|
|
|
|
|
lmms--gui--AudioFileProcessorView lmms--gui--Knob {
|
|
color: rgb(240, 147, 14);
|
|
qproperty-outerColor: rgb(30, 35, 37);
|
|
qproperty-innerRadius: 4;
|
|
qproperty-outerRadius: 11.2;
|
|
qproperty-centerPointX: 18.5;
|
|
qproperty-centerPointY: 16.5;
|
|
qproperty-lineWidth: 3;
|
|
}
|
|
|
|
lmms--gui--OrganicInstrumentView lmms--gui--Knob {
|
|
color: rgb(124, 207, 98);
|
|
qproperty-outerColor: rgb(13, 42, 4);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 7.5;
|
|
qproperty-centerPointX: 10.5;
|
|
qproperty-centerPointY: 10.5;
|
|
qproperty-lineWidth: 1.5;
|
|
}
|
|
|
|
lmms--gui--OrganicInstrumentView lmms--gui--Knob#harmKnob {
|
|
color: rgb(205, 98, 216);
|
|
qproperty-outerColor: rgb(18, 4, 18);
|
|
}
|
|
|
|
lmms--gui--OrganicInstrumentView lmms--gui--Knob#fx1Knob,
|
|
lmms--gui--OrganicInstrumentView lmms--gui--Knob#volKnob {
|
|
color: rgb(157, 157, 157);
|
|
qproperty-outerColor: rgb(37, 37, 37);
|
|
qproperty-innerRadius: 4;
|
|
qproperty-outerRadius: 10.0;
|
|
qproperty-centerPointX: 18.5;
|
|
qproperty-centerPointY: 13.8;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--Sf2InstrumentView lmms--gui--Knob {
|
|
color: #ff00ea;
|
|
qproperty-outerColor: rgb(20, 5, 18);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 9.2;
|
|
qproperty-centerPointX: 15.5;
|
|
qproperty-centerPointY: 15.42;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob {
|
|
color: #000;
|
|
qproperty-outerColor: rgb(194, 177, 145);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 9;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#envKnob {
|
|
color: #263352;
|
|
qproperty-outerColor: #4b66a4;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#freqKnob {
|
|
color: #1e4a22;
|
|
qproperty-outerColor: #3c9544;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#changeKnob {
|
|
color: #591c1c;
|
|
qproperty-outerColor: #b23737;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#sqrKnob {
|
|
color: #3b2714;
|
|
qproperty-outerColor: #724c27;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#repeatKnob {
|
|
color: #292929;
|
|
qproperty-outerColor: #515151;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#phaserKnob {
|
|
color: #144c4d;
|
|
qproperty-outerColor: #299899;
|
|
}
|
|
|
|
lmms--gui--SfxrInstrumentView lmms--gui--Knob#filterKnob {
|
|
color: #47224c;
|
|
qproperty-outerColor: #8e4397;
|
|
}
|
|
|
|
lmms--gui--OpulenzInstrumentView lmms--gui--Knob {
|
|
color: rgb(128,128,128);
|
|
qproperty-outerColor: rgb(255,255,255);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 9;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--SidInstrumentView lmms--gui--Knob {
|
|
color: rgb(113,95,80);
|
|
qproperty-outerColor: rgb( 255,255,255 );
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 7;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--SlicerTView lmms--gui--Knob {
|
|
color: rgb(162, 128, 226);
|
|
qproperty-outerColor: rgb( 162, 128, 226 );
|
|
qproperty-innerRadius: 1;
|
|
qproperty-outerRadius: 11;
|
|
qproperty-lineWidth: 3;
|
|
}
|
|
|
|
lmms--gui--WatsynView lmms--gui--Knob {
|
|
qproperty-innerRadius: 1;
|
|
qproperty-outerRadius: 7;
|
|
qproperty-centerPointX: 9.5;
|
|
qproperty-centerPointY: 9.5;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--WatsynView lmms--gui--Knob#aKnob {
|
|
color: #43b2ff;
|
|
qproperty-outerColor: #43b2ff;
|
|
}
|
|
|
|
lmms--gui--WatsynView lmms--gui--Knob#bKnob {
|
|
color: #fc5431;
|
|
qproperty-outerColor: #fc5431;
|
|
}
|
|
|
|
lmms--gui--WatsynView lmms--gui--Knob#mixKnob {
|
|
color: #43ff82;
|
|
qproperty-outerColor: #43ff82;
|
|
qproperty-outerRadius: 13;
|
|
qproperty-centerPointX: 15.5;
|
|
qproperty-centerPointY: 15.5;
|
|
}
|
|
|
|
lmms--gui--WatsynView lmms--gui--Knob#mixenvKnob {
|
|
color: #43ff82;
|
|
qproperty-outerColor: #43ff82;
|
|
}
|
|
|
|
lmms--gui--WatsynView lmms--gui--Knob#xtalkKnob {
|
|
color: #fb50fb;
|
|
qproperty-outerColor: #fb50fb;
|
|
}
|
|
|
|
lmms--gui--MonstroView lmms--gui--Knob {
|
|
color: #ffffff;
|
|
qproperty-outerColor: #aaaaaa;
|
|
qproperty-outerRadius: 9;
|
|
qproperty-innerRadius: 6;
|
|
qproperty-centerPointX: 10;
|
|
qproperty-centerPointY: 10;
|
|
qproperty-lineWidth: 2.5;
|
|
}
|
|
|
|
lmms--gui--NesInstrumentView lmms--gui--Knob {
|
|
color: #e7231b;
|
|
qproperty-outerColor: #fff;
|
|
qproperty-outerRadius: 11.0;
|
|
qproperty-innerRadius: 8.0;
|
|
qproperty-centerPointX: 14.5;
|
|
qproperty-centerPointY: 14.5;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--CompressorControlDialog {
|
|
qproperty-inVolAreaColor: rgba(209, 216, 228, 17);
|
|
qproperty-inVolColor: rgba(209, 216, 228, 100);
|
|
qproperty-outVolAreaColor: rgba(209, 216, 228, 30);
|
|
qproperty-outVolColor: rgba(209, 216, 228, 240);
|
|
qproperty-gainReductionColor: rgba(180, 100, 100, 210);
|
|
qproperty-kneeColor: rgba(39, 171, 95, 255);
|
|
qproperty-kneeColor2: rgba(9, 171, 160, 255);
|
|
qproperty-threshColor: rgba(39, 171, 95, 100);
|
|
qproperty-textColor: rgba(209, 216, 228, 50);
|
|
qproperty-graphColor: rgba(209, 216, 228, 50);
|
|
qproperty-resetColor: rgba(200, 100, 15, 200);
|
|
qproperty-backgroundColor: rgba(7, 8, 9, 255);
|
|
}
|
|
|
|
lmms--gui--CompressorControlDialog lmms--gui--Knob {
|
|
color: #2fcc71;
|
|
qproperty-outerColor: #2fcc71;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
lmms--gui--VectorView {
|
|
qproperty-colorTrace: rgba(60, 255, 130, 255);
|
|
qproperty-colorGrid: rgba(76, 80, 84, 128);
|
|
qproperty-colorLabels: rgba(76, 80, 84, 255);
|
|
}
|
|
|
|
lmms--gui--BarModelEditor {
|
|
qproperty-backgroundBrush: rgba(28, 73, 51, 255);
|
|
qproperty-barBrush: rgba(17, 136, 71, 255);
|
|
}
|
|
|
|
/* palette information */
|
|
|
|
lmms--gui--LmmsPalette {
|
|
qproperty-background: #262b30;
|
|
qproperty-windowText: #1de276;
|
|
qproperty-base: #101213;
|
|
qproperty-text: #d1d8e4;
|
|
qproperty-button: #3f4750;
|
|
qproperty-shadow: rgb(0,0,0);
|
|
qproperty-buttonText: #d1d8e4;
|
|
qproperty-brightText: #d1d8e4;
|
|
qproperty-highlight: #262b30;
|
|
qproperty-highlightedText: #d1d8e4;
|
|
}
|