Variables CSS

#1

I’m overwriting some css variables like this and it’s working fine:

--ion-backdrop-color
--ion-overlay-background-color
--ion-background-color
--ion-border-color
--ion-box-shadow-color
--ion-text-color
--ion-tabbar-background-color
--ion-tabbar-border-color
--ion-tabbar-text-color
--ion-tabbar-text-color-active
--ion-toolbar-background-color
--ion-toolbar-border-color
--ion-toolbar-color-active
--ion-toolbar-color-inactive
--ion-toolbar-text-color
--ion-item-background-color
--ion-item-background-color-active
--ion-item-border-color
--ion-item-text-color
--ion-placeholder-text-color

But, I can not when other variables are:

$card-md-background-color
$card-md-title-text-color
#2

some variables dependent on another variables inside that. so change that inside variable values. u will get those variables after inspecting in browser.

1 Like
#3

So, I was in the Beta code of Ionic 4 and found that only a few variables are available. Have you read anything about it?

#4

i think u r talking about few variables written in variable.scss. but not like that. after inspecting u can see lots of variables used in framework. btw post ur exact problem with pic. which component color u want to change?

1 Like
#5

I think they are working on some kind of documentation for the css variables, not yet available/finish. See https://github.com/ionic-team/ionic/issues/14850

1 Like