alex/nih-plug
1
0
Fork 0
Code Activity

Update stylesheets for changed units

Browse source
This commit is contained in:
Robbert van der Helm 2023-11-05 23:13:44 +01:00
parent ef42174a6a
commit eb70aa2892
3 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
nih_plug_vizia/assets/theme.css
View file

@ -11,14 +11,14 @@
font-weight: light;
}
scrollview > vstack {
scrollview scroll_content {
/* Normally the scroll bar overlaps with the content, so we'll add a little offset to prevent that */
child-right: 15px;
}
scrollview scrollbar {
background-color: #dadada;
border-radius: 0;
child-space: 0;
border-radius: 0px;
child-space: 0px;
}
scrollview scrollbar.horizontal {
right: 10px;
@ -29,12 +29,12 @@ scrollview scrollbar.vertical {
}
scrollview scrollbar .thumb {
background-color: #5d5d5d;
border-radius: 0;
border-radius: 0px;
min-width: 10px;
min-height: 10px;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
scrollview scrollbar .thumb:hover {
background-color: #808080;
transition: background-color 0.1 0;
transition: background-color 100ms;
}

34
nih_plug_vizia/assets/widgets.css
View file

@ -11,7 +11,7 @@ scrollview > vstack > generic-ui {
child-space: 5px;
/* Our scrollview styling will already add some padding here */
child-right: 0;
child-right: 0px;
}
generic-ui .row {
@ -23,7 +23,7 @@ generic-ui .label {
left: 1s;
top: 1s;
bottom: 1s;
right: 0;
right: 0px;
}
param-button {
@ -36,28 +36,28 @@ param-button {
child-bottom: 1s;
child-left: 7px;
background-color: #d0d0d000;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button:hover {
background-color: #d0d0d080;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button:checked {
background-color: #d0d0d0;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button.bypass {
background-color: #ffcfcb00;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button.bypass:hover {
background-color: #ffcfcb20;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button.bypass:checked {
background-color: #ffcfcb;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-slider {
@ -66,18 +66,18 @@ param-slider {
border-color: #0a0a0a;
border-width: 1px;
background-color: transparent;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
/* Vizia doesn't support commas in selectors */
/* Also, WTB Sass */
param-slider:active {
background-color: #8080801a;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-slider:hover {
background-color: #8080801a;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-slider .fill {
@ -116,7 +116,7 @@ peak-meter .ticks {
}
peak-meter .ticks__tick {
background-color: #0a0a0a;
top: 0;
top: 0px;
width: 1px;
height: 30%;
}
@ -126,24 +126,24 @@ peak-meter .ticks__label {
}
resize-handle {
bottom: 0;
bottom: 0px;
color: #696969;
height: 20px;
left: 1s;
opacity: 0.4;
position-type: self-directed;
right: 0;
right: 0px;
top: 1s;
transition: opacity 0.1 0;
transition: opacity 100ms;
width: 20px;
z-index: 1337;
}
resize-handle:active {
opacity: 0.8;
transition: opacity 0.1 0;
transition: opacity 100ms;
}
/* No commas in VIZIA */
resize-handle:hover {
opacity: 0.8;
transition: opacity 0.1 0;
transition: opacity 100ms;
}

10
plugins/diopser/src/editor/theme.css
View file

@ -16,15 +16,15 @@
/* The safe mode button reuses the param-button element's style with a different class */
param-button.safe-mode {
background-color: #fff28000;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button.safe-mode:hover {
background-color: #fff28020;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
param-button.safe-mode:checked {
background-color: #fff280;
transition: background-color 0.1 0;
transition: background-color 100ms;
}
#automation-precision {
@ -42,7 +42,7 @@ xy-pad {
xy-pad .xy-pad__tooltip {
opacity: 0;
transition: opacity 0.1 0;
transition: opacity 100ms;
background-color: #e5e5e5;
border-color: #0a0a0a;
@ -57,7 +57,7 @@ xy-pad .xy-pad__tooltip {
xy-pad:hover .xy-pad__tooltip {
opacity: 1;
transition: opacity 0.1 0;
transition: opacity 100ms;
}
/* This is a textbox, we want it to somewhat resemble the tooltip */