diff --git a/webapp/src/assets/less/variables.less b/webapp/src/assets/less/variables.less index 739ec6cb..b256f642 100644 --- a/webapp/src/assets/less/variables.less +++ b/webapp/src/assets/less/variables.less @@ -15,6 +15,8 @@ @darkened-primary-color: darken(@global-primary-background, 15%); @inverse-global-color: fade(@global-inverse-color, 80%); +@very-light-primary-color: lighten(@global-primary-background, 40%); + @global-border: #d5d5d5; // UIkit @@ -265,6 +267,22 @@ } } +/* + * Text + */ + +// A text label for an input control that is highlighted +.ofm-highlighted-label { + color: @darkened-primary-color; + font-weight: 500; + +} + +.hook-inverse() { + .ofm-highlighted-label{ + color: @very-light-primary-color; + } +} /* * Links diff --git a/webapp/src/components/labThingsComponents/inputFromSchema.vue b/webapp/src/components/labThingsComponents/inputFromSchema.vue index f6c2d279..7587421c 100644 --- a/webapp/src/components/labThingsComponents/inputFromSchema.vue +++ b/webapp/src/components/labThingsComponents/inputFromSchema.vue @@ -1,6 +1,10 @@