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; 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 */ /* Normally the scroll bar overlaps with the content, so we'll add a little offset to prevent that */
child-right: 15px; child-right: 15px;
} }
scrollview scrollbar { scrollview scrollbar {
background-color: #dadada; background-color: #dadada;
border-radius: 0; border-radius: 0px;
child-space: 0; child-space: 0px;
} }
scrollview scrollbar.horizontal { scrollview scrollbar.horizontal {
right: 10px; right: 10px;
@ -29,12 +29,12 @@ scrollview scrollbar.vertical {
} }
scrollview scrollbar .thumb { scrollview scrollbar .thumb {
background-color: #5d5d5d; background-color: #5d5d5d;
border-radius: 0; border-radius: 0px;
min-width: 10px; min-width: 10px;
min-height: 10px; min-height: 10px;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
scrollview scrollbar .thumb:hover { scrollview scrollbar .thumb:hover {
background-color: #808080; 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; child-space: 5px;
/* Our scrollview styling will already add some padding here */ /* Our scrollview styling will already add some padding here */
child-right: 0; child-right: 0px;
} }
generic-ui .row { generic-ui .row {
@ -23,7 +23,7 @@ generic-ui .label {
left: 1s; left: 1s;
top: 1s; top: 1s;
bottom: 1s; bottom: 1s;
right: 0; right: 0px;
} }
param-button { param-button {
@ -36,28 +36,28 @@ param-button {
child-bottom: 1s; child-bottom: 1s;
child-left: 7px; child-left: 7px;
background-color: #d0d0d000; background-color: #d0d0d000;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button:hover { param-button:hover {
background-color: #d0d0d080; background-color: #d0d0d080;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button:checked { param-button:checked {
background-color: #d0d0d0; background-color: #d0d0d0;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button.bypass { param-button.bypass {
background-color: #ffcfcb00; background-color: #ffcfcb00;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button.bypass:hover { param-button.bypass:hover {
background-color: #ffcfcb20; background-color: #ffcfcb20;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button.bypass:checked { param-button.bypass:checked {
background-color: #ffcfcb; background-color: #ffcfcb;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-slider { param-slider {
@ -66,18 +66,18 @@ param-slider {
border-color: #0a0a0a; border-color: #0a0a0a;
border-width: 1px; border-width: 1px;
background-color: transparent; background-color: transparent;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
/* Vizia doesn't support commas in selectors */ /* Vizia doesn't support commas in selectors */
/* Also, WTB Sass */ /* Also, WTB Sass */
param-slider:active { param-slider:active {
background-color: #8080801a; background-color: #8080801a;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-slider:hover { param-slider:hover {
background-color: #8080801a; background-color: #8080801a;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-slider .fill { param-slider .fill {
@ -116,7 +116,7 @@ peak-meter .ticks {
} }
peak-meter .ticks__tick { peak-meter .ticks__tick {
background-color: #0a0a0a; background-color: #0a0a0a;
top: 0; top: 0px;
width: 1px; width: 1px;
height: 30%; height: 30%;
} }
@ -126,24 +126,24 @@ peak-meter .ticks__label {
} }
resize-handle { resize-handle {
bottom: 0; bottom: 0px;
color: #696969; color: #696969;
height: 20px; height: 20px;
left: 1s; left: 1s;
opacity: 0.4; opacity: 0.4;
position-type: self-directed; position-type: self-directed;
right: 0; right: 0px;
top: 1s; top: 1s;
transition: opacity 0.1 0; transition: opacity 100ms;
width: 20px; width: 20px;
z-index: 1337; z-index: 1337;
} }
resize-handle:active { resize-handle:active {
opacity: 0.8; opacity: 0.8;
transition: opacity 0.1 0; transition: opacity 100ms;
} }
/* No commas in VIZIA */ /* No commas in VIZIA */
resize-handle:hover { resize-handle:hover {
opacity: 0.8; 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 */ /* The safe mode button reuses the param-button element's style with a different class */
param-button.safe-mode { param-button.safe-mode {
background-color: #fff28000; background-color: #fff28000;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button.safe-mode:hover { param-button.safe-mode:hover {
background-color: #fff28020; background-color: #fff28020;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
param-button.safe-mode:checked { param-button.safe-mode:checked {
background-color: #fff280; background-color: #fff280;
transition: background-color 0.1 0; transition: background-color 100ms;
} }
#automation-precision { #automation-precision {
@ -42,7 +42,7 @@ xy-pad {
xy-pad .xy-pad__tooltip { xy-pad .xy-pad__tooltip {
opacity: 0; opacity: 0;
transition: opacity 0.1 0; transition: opacity 100ms;
background-color: #e5e5e5; background-color: #e5e5e5;
border-color: #0a0a0a; border-color: #0a0a0a;
@ -57,7 +57,7 @@ xy-pad .xy-pad__tooltip {
xy-pad:hover .xy-pad__tooltip { xy-pad:hover .xy-pad__tooltip {
opacity: 1; opacity: 1;
transition: opacity 0.1 0; transition: opacity 100ms;
} }
/* This is a textbox, we want it to somewhat resemble the tooltip */ /* This is a textbox, we want it to somewhat resemble the tooltip */