rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compile hook-inverse colours as CSS variables now components don't import the full less theme

Browse source
This commit is contained in:
Julian Stirling 2026-06-24 17:36:24 +01:00
parent 21d0beedb9
commit 7aab8b742a
4 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

9
webapp/src/components/genericComponents/progressBar.vue
View file

@ -63,14 +63,7 @@ export default {
.progress .indeterminate,
.progress .determinate {
background-color: @global-primary-background;
}
.hook-inverse() {
.progress .indeterminate,
.progress .determinate {
background-color: @inverse-primary-muted-color;
}
background-color: var(--theme-primary-background);
}
.progress .indeterminate::before {

9
webapp/src/components/labThingsComponents/actionProgressBar.vue
View file

@ -81,14 +81,7 @@ export default {
.progress .indeterminate,
.progress .determinate {
background-color: @global-primary-background;
}
.hook-inverse() {
.progress .indeterminate,
.progress .determinate {
background-color: @inverse-primary-muted-color;
}
background-color: var(--theme-primary-background);
}
.progress .indeterminate::before {

8
webapp/src/components/ui/matrixDisplay.vue
View file

@ -147,13 +147,7 @@ export default {
}
.copy-button:hover {
color: @global-color;
}
.hook-inverse() {
.copy-button:hover {
color: @inverse-global-color;
}
color: var(--themed-global-colour);
}
.copy-button.success {