mirror of
https://github.com/LMMS/lmms.git
synced 2026-01-31 01:33:26 -05:00
608 lines
14 KiB
CSS
608 lines
14 KiB
CSS
/********************
|
|
* LMMS style sheet *
|
|
********************/
|
|
|
|
QWhatsThat {
|
|
color: black;
|
|
}
|
|
|
|
QMdiArea {
|
|
background-image: url(resources:background_artwork.png);
|
|
}
|
|
|
|
AutomationEditor {
|
|
background-color: rgb(0, 0, 0);
|
|
}
|
|
|
|
/* text box */
|
|
|
|
QLineEdit {
|
|
border-radius: 4px;
|
|
border: 2px inset rgba(91,101,113,128);
|
|
background: #49515b;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
/* text box when it wants text */
|
|
|
|
QLineEdit:focus {
|
|
border: 1px solid rgba(0,0,0, 128);
|
|
}
|
|
|
|
|
|
QToolTip {
|
|
border-radius: 4px;
|
|
background: qlineargradient(spread:reflect, x1:0.5, y1:0.5, x2:0.5, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(50, 50, 50, 220));
|
|
opacity: 175;
|
|
border: 1.0px solid rgba(0,0,0,255);
|
|
color: #4afd85;
|
|
}
|
|
|
|
|
|
QMenu {
|
|
border:1px solid #747474;
|
|
background-color: #c9c9c9;
|
|
font-size:11px;
|
|
}
|
|
|
|
QMenu::separator {
|
|
height: 1px;
|
|
background: #c9c9c9;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
QMenu::item {
|
|
color: black;
|
|
padding: 2px 32px 2px 20px;
|
|
margin:3px;
|
|
}
|
|
|
|
QMenu::item:selected {
|
|
color: white;
|
|
font-weight:bold;
|
|
background-color: #747474;
|
|
margin:3px;
|
|
}
|
|
|
|
QMenu::item:disabled {
|
|
color: #747474;
|
|
background-color: #c9c9c9;
|
|
margin:0px;
|
|
font-size:12px;
|
|
font-weight: normal;
|
|
padding: 4px 32px 4px 20px;
|
|
}
|
|
|
|
QMenu::indicator {
|
|
width: 16;
|
|
height: 16;
|
|
opacity: 0;
|
|
background-color: #c9c9c9;
|
|
}
|
|
|
|
QMenu::indicator:checked {
|
|
image: url("resources:apply.png");
|
|
}
|
|
|
|
QMenu::indicator:selected {
|
|
image: url("resources:apply-selected.png");
|
|
background-color: #747474;
|
|
}
|
|
|
|
pianoRoll {
|
|
background-color: rgb(0, 0, 0);
|
|
}
|
|
|
|
/* main toolbar oscilloscope - can have transparent bg now */
|
|
|
|
visualizationWidget {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
/* main toolbar cpu load widget - this can have transparent bg now */
|
|
|
|
cpuloadWidget {
|
|
border: none;
|
|
background: url(resources:cpuload_bg.png);
|
|
}
|
|
|
|
/* scrollbar: trough */
|
|
|
|
QScrollBar:horizontal {
|
|
border: 1px solid #131313;
|
|
background: rgb( 50,50,50 );
|
|
height: 14px;
|
|
margin: 0px 13px;
|
|
}
|
|
QScrollBar:vertical {
|
|
border: 1px solid #131313;
|
|
background: rgb( 50,50,50 );
|
|
width: 14px;
|
|
margin: 13px 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: qlineargradient(spread:reflect,
|
|
x1:0.5, y1:0, x2:0.5, y2:1,
|
|
stop:0 #969696, stop:0.5 #c9c9c9, stop:1 #aaa);
|
|
border: 1px outset #888;
|
|
border-radius: 2px;
|
|
min-width: 24px;
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:hover {
|
|
background: qlineargradient(spread:reflect,
|
|
x1:0.5, y1:0, x2:0.5, y2:1,
|
|
stop:0 #969696, stop:0.5 #f0f0f0, stop:1 #aaa);
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:pressed {
|
|
background: qlineargradient(spread:reflect,
|
|
x1:0.5, y1:0, x2:0.5, y2:1,
|
|
stop:0 #747474, stop:1 #c9c9c9);
|
|
}
|
|
|
|
QScrollBar::handle:vertical {
|
|
background: qlineargradient(spread:reflect,
|
|
x1:0, y1:0.5, x2:1, y2:0.5,
|
|
stop:0 #969696, stop:0.5 #c9c9c9, stop:1 #aaa);
|
|
border: 1px outset #888;
|
|
border-radius: 2px;
|
|
min-height: 24px;
|
|
}
|
|
|
|
QScrollBar::handle:vertical:hover {
|
|
background: qlineargradient(spread:reflect,
|
|
x1:0, y1:0.5, x2:1, y2:0.5,
|
|
stop:0 #969696, stop:0.5 #f0f0f0, stop:1 #aaa);
|
|
}
|
|
|
|
QScrollBar::handle:vertical:pressed {
|
|
background: qlineargradient(spread:reflect,
|
|
x1:0, y1:0.5, x2:1, y2:0.5,
|
|
stop:0 #747474, stop:1 #c9c9c9);
|
|
}
|
|
|
|
QScrollBar::handle:horizontal:disabled, QScrollBar::handle:vertical:disabled {
|
|
background: #747474;
|
|
border-radius: 1px;
|
|
border: 1px solid rgba(0,0,0,32);
|
|
}
|
|
|
|
/* arrow buttons */
|
|
|
|
QScrollBar::add-line, QScrollBar::sub-line {
|
|
background: qradialgradient(cx:0.3, cy:0.3, radius:0.8, fx:0.3, fy:0.3, stop:0 #c9c9c9, stop:1 #969696 );
|
|
border-radius: 1px;
|
|
border: 1px solid #131313;
|
|
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: qradialgradient(cx:0.3, cy:0.3, radius:0.8, fx:0.3, fy:0.3, stop:0 #e0e0e0, stop:0.5 #c9c9c9, stop:1 #969696 );
|
|
}
|
|
|
|
QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
|
|
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #969696, stop:0.5 #c9c9c9, stop:1 #969696 );
|
|
}
|
|
|
|
QScrollBar::add-line:disabled, QScrollBar::sub-line:disabled {
|
|
background: #747474;
|
|
}
|
|
|
|
/* 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 { 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);}
|
|
|
|
/* background for song editor and bb-editor */
|
|
|
|
TrackContainerView QFrame{
|
|
background-color: #49515b;
|
|
}
|
|
|
|
/* autoscroll, loop, stop behaviour toggle buttons */
|
|
|
|
nStateButton {
|
|
max-height: 26px;
|
|
max-width: 26px;
|
|
min-height: 26px;
|
|
min-width: 26px;
|
|
}
|
|
|
|
/* gear button in tracks */
|
|
|
|
trackOperationsWidget > QPushButton {
|
|
max-height: 26px;
|
|
max-width: 26px;
|
|
min-height: 26px;
|
|
min-width: 26px;
|
|
background: none;
|
|
border:none;
|
|
}
|
|
|
|
trackOperationsWidget > QPushButton::menu-indicator {
|
|
image: url(resources:trackop.png);
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: center;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
trackOperationsWidget > QPushButton::menu-indicator:hover {
|
|
image: url(resources:trackop_h.png);
|
|
}
|
|
|
|
|
|
trackOperationsWidget > QPushButton::menu-indicator:pressed,
|
|
trackOperationsWidget > QPushButton::menu-indicator:checked
|
|
{
|
|
image: url(resources:trackop_c.png);
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
|
|
/* actually has no effect yet so disabled */
|
|
/*trackWidget {
|
|
/* border-bottom: 1px solid rgb(0, 0, 0);*//*
|
|
background-color: rgb(0, 0, 0);
|
|
}*/
|
|
|
|
/* font sizes */
|
|
|
|
nameLabel, effectLabel, sf2InstrumentView > QLabel {
|
|
font-size:10px;
|
|
}
|
|
|
|
/* main toolbar sliders (master vol, master pitch) */
|
|
|
|
automatableSlider::groove:vertical {
|
|
background: rgba(0,0,0, 128);
|
|
border: 1px inset rgba(100,100,100, 64);
|
|
border-radius: 2px;
|
|
width: 2px;
|
|
margin: 2px 2px;
|
|
}
|
|
|
|
automatableSlider::handle:vertical {
|
|
background: none;
|
|
border-image: url(resources:main_slider.png);
|
|
width: 26px;
|
|
height: 10px;
|
|
border-radius: 2px;
|
|
margin: -4px -12px -2px;
|
|
}
|
|
|
|
/* window that shows up when you add effects */
|
|
|
|
EffectSelectDialog QScrollArea {
|
|
background: #5b6571;
|
|
}
|
|
|
|
/* the inner boxes in LADSPA effect windows */
|
|
|
|
EffectControlDialog QGroupBox {
|
|
background: #49515b;
|
|
margin-top: 1ex;
|
|
padding: 10px 2px 1px;
|
|
border-radius: 4px;
|
|
border: 1px solid rgba(0,0,0, 64);
|
|
}
|
|
|
|
/* the inner box titles when present (channel 1, channel 2...) */
|
|
|
|
EffectControlDialog QGroupBox::title {
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top left;
|
|
background: #7b838d;
|
|
color: white;
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(0,0,0, 64);
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
/* main toolbar */
|
|
|
|
QWidget#mainToolbar {
|
|
background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #98a2a7, stop:1 #5b646f);
|
|
}
|
|
|
|
/* smaller toolbars */
|
|
|
|
QToolBar {
|
|
background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #98a2a7, stop:1 #5b646f);
|
|
}
|
|
|
|
QToolButton, toolButton {
|
|
padding: 1px 1px 1px 1px;
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(0,0,0,32);
|
|
background: qradialgradient(cx:0.3, cy:0.3, radius:0.8, fx:0.3, fy:0.3, stop:0 #c9c9c9, stop:1 #969696 );
|
|
font-size:10px;
|
|
color: black;
|
|
}
|
|
|
|
/* separate corner rounding for play and stop buttons! */
|
|
|
|
toolButton#playButton {
|
|
border-top-left-radius: 5px 15px;
|
|
border-bottom-left-radius: 5px 15px;
|
|
}
|
|
|
|
toolButton#stopButton {
|
|
border-top-right-radius: 5px 15px;
|
|
border-bottom-right-radius: 5px 15px;
|
|
}
|
|
|
|
/* record and record-accompany can be styled with #recordButton and #recordAccompanyButton respectively */
|
|
|
|
/* all tool buttons */
|
|
|
|
QToolButton:hover, toolButton:hover {
|
|
background: qradialgradient(cx:0.3, cy:0.3, radius:0.8, fx:0.3, fy:0.3, stop:0 #e0e0e0, stop:0.5 #c9c9c9, stop:1 #969696 );
|
|
border: 1px solid rgba(0,0,0,128);
|
|
color: white;
|
|
}
|
|
|
|
QToolButton:pressed, toolButton:pressed {
|
|
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #969696, stop:0.5 #c9c9c9, stop:1 #969696 );
|
|
padding: 2px 1px 0px 1px;
|
|
border: 1px solid rgba(0,0,0,128);
|
|
color: white;
|
|
}
|
|
|
|
QToolButton:checked, toolButton:checked {
|
|
background: qradialgradient(cx:0.3, cy:0.3, radius:0.8, fx:0.3, fy:0.3, stop:0 #e0e0e0, stop:0.8 #c9c9c9, stop:1 #c0c0c0 );
|
|
border-radius: 3px;
|
|
padding: 2px 1px 0px 1px;
|
|
border: 1px solid rgba(0,0,0,255);
|
|
color: black;
|
|
}
|
|
|
|
/* track label buttons - the part that contains the icon and track title */
|
|
|
|
trackLabelButton {
|
|
background-color: #5b6571;
|
|
color: #c9c9c9;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
border-radius: 1px;
|
|
border: none;
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
trackLabelButton:hover {
|
|
background-color: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:0.5, stop:0 #5b6571, stop:0.75 #7b838d, stop:1 #7b838d );
|
|
color: white;
|
|
border: 1px solid rgba(0,0,0,64);
|
|
padding: 1px 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
trackLabelButton:pressed {
|
|
background: qlineargradient(spread:reflect, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #49515b, stop:0.3 #5b6571, stop:1 #6b7581 );
|
|
color: white;
|
|
border: 1px solid rgba(0,0,0,64);
|
|
padding: 2px 0px 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
trackLabelButton:checked {
|
|
background: qlineargradient(spread:reflect, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #49515b, stop:0.3 #5b6571, stop:1 #6b7581 );
|
|
color: white;
|
|
border: 1px solid rgba(0,0,0,128);
|
|
padding: 2px 0px 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
trackLabelButton:checked:hover {
|
|
background-color: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:0.5, stop:0 #5b6571, stop:0.75 #7b838d, stop:1 #7b838d );
|
|
}
|
|
|
|
trackLabelButton:checked:pressed {
|
|
background: qlineargradient(spread:reflect, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 #49515b, stop:0.3 #5b6571, stop:1 #6b7581 );
|
|
}
|
|
|
|
/* sidebar, sidebar buttons */
|
|
|
|
SideBar {
|
|
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop: 0 #98a2a7, stop: 1.0 #5b646f);
|
|
}
|
|
|
|
SideBar QToolButton {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* font sizes for text buttons */
|
|
|
|
FxMixerView QPushButton, EffectRackView QPushButton, ControllerRackView QPushButton {
|
|
font-size: 10px;
|
|
}
|
|
|
|
timeLine {
|
|
font-size: 8px;
|
|
}
|
|
|
|
QTreeView {
|
|
alternate-background-color: #747474;
|
|
}
|
|
|
|
TrackContainerView QLabel
|
|
{
|
|
background: none;
|
|
}
|
|
|
|
/* Plugins */
|
|
|
|
TripleOscillatorView knob {
|
|
color: rgb(1, 32, 64);
|
|
qproperty-outerColor: rgb(0, 0, 0);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 7;
|
|
qproperty-centerPointX: 13.0;
|
|
qproperty-centerPointY: 14.0;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
|
|
kickerInstrumentView 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: 13.5;
|
|
qproperty-lineWidth: 3;
|
|
}
|
|
|
|
|
|
AudioFileProcessorView 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;
|
|
}
|
|
|
|
organicInstrumentView knob {
|
|
color: rgb(205, 16, 216);
|
|
qproperty-outerColor: rgb(23, 9, 24);
|
|
/*qproperty-outerColor: rgb(64, 21, 67);*/
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 8.7;
|
|
qproperty-centerPointX: 10.5;
|
|
qproperty-centerPointY: 10.5;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
|
|
organicInstrumentView knob#fx1Knob,
|
|
organicInstrumentView knob#volKnob {
|
|
qproperty-innerRadius: 4;
|
|
qproperty-outerRadius: 11.2;
|
|
qproperty-centerPointX: 18.5;
|
|
qproperty-centerPointY: 13.8;
|
|
qproperty-lineWidth: 3;
|
|
}
|
|
|
|
sf2InstrumentView 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;
|
|
}
|
|
|
|
sfxrInstrumentView knob {
|
|
color: #000;
|
|
qproperty-outerColor: rgb(194, 177, 145);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 9;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
sfxrInstrumentView knob#envKnob {
|
|
color: #263352;
|
|
qproperty-outerColor: #4b66a4;
|
|
}
|
|
|
|
sfxrInstrumentView knob#freqKnob {
|
|
color: #1e4a22;
|
|
qproperty-outerColor: #3c9544;
|
|
}
|
|
|
|
sfxrInstrumentView knob#changeKnob {
|
|
color: #591c1c;
|
|
qproperty-outerColor: #b23737;
|
|
}
|
|
|
|
sfxrInstrumentView knob#sqrKnob {
|
|
color: #3b2714;
|
|
qproperty-outerColor: #724c27;
|
|
}
|
|
|
|
sfxrInstrumentView knob#repeatKnob {
|
|
color: #292929;
|
|
qproperty-outerColor: #515151;
|
|
}
|
|
|
|
sfxrInstrumentView knob#phaserKnob {
|
|
color: #144c4d;
|
|
qproperty-outerColor: #299899;
|
|
}
|
|
|
|
sfxrInstrumentView knob#filterKnob {
|
|
color: #47224c;
|
|
qproperty-outerColor: #8e4397;
|
|
}
|
|
|
|
opl2instrumentView knob {
|
|
color: rgb(128,128,128);
|
|
qproperty-outerColor: rgb(255,255,255);
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 9;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
sidInstrumentView knob {
|
|
color: rgb(113,95,80);
|
|
qproperty-outerColor: rgb( 255,255,255 );
|
|
qproperty-innerRadius: 2;
|
|
qproperty-outerRadius: 7;
|
|
qproperty-lineWidth: 2;
|
|
}
|
|
|
|
/* palette information - each colour definition must be on a single line, and the line must begin with "palette:", with no leading whitespace
|
|
* colour codes MUST be of the form #RRGGBB */
|
|
|
|
palette:background {color: #5b6571}
|
|
palette:windowtext {color: #f0f0f0}
|
|
palette:base {color: #808080}
|
|
palette:text {color: #e0e0e0}
|
|
palette:button {color: #c9c9c9}
|
|
palette:shadow {color: #000000}
|
|
palette:buttontext {color: #000000}
|
|
palette:brighttext {color: #4afd85}
|
|
palette:highlight {color: #202020}
|
|
palette:highlightedtext {color: #ffffff}
|
|
|