Ui-theme colour variable

Dashboard
1

When I using ui-template, if i need to set CSS colour, I'm using hex or RGB code. If colour used same as colur set at ui-theme, is there any variable to use instead of repeatedly use hex/RGB code?

2

See CSS Colors

3

Oh, perhaps you meant that you want to use whatever colour is defined in the current theme (so that it will automatically change if you change the theme. If that is the question then I don't know the answer.

4

Inspecting a Dashboard 1 page , I can see these variables -

--nr-dashboard-pageBackgroundColor
--nr-dashboard-pageTitlebarBackgroundColor
--nr-dashboard-pageSidebarBackgroundColor
--nr-dashboard-groupTextColor
--nr-dashboard-groupBackgroundColor
--nr-dashboard-groupBorderColor
--nr-dashboard-widgetTextColor
--nr-dashboard-widgetBackgroundColor
--nr-dashboard-widgetBorderColor
--nr-dashboard-widgetColor
--nr-dashboard-widgetBgndColor
5

Variable to use in CSS

Dashboard Header - rgb(var(--v-theme-navigation-background))
Dashboard Primary - rgb(var(--v-theme-primary))
Pages Background - rgb(var(--v-theme-background))
Group Background - rgb(var(--v-theme-group-background))
Group Outline - rgb(var(--v-theme-group-outline))