Skip to main content

How to create custom color for ionic 4

 First we can create a custom color in variables.scss

/** income **/
--ion-color-income: #098209;
--ion-color-income-rgb: 56, 128, 255;
--ion-color-income-contrast: #50a050;
--ion-color-income-contrast-rgb: 255, 255, 255;
--ion-color-income-shade: #50a050;
--ion-color-income-tint: #0b640b;

then we can create a new css class in after root tag

.ion-color-income {
--ion-color-base: var(--ion-color-income) !important;
--ion-color-base-rgb: var(--ion-color-income-rgb) !important;
--ion-color-contrast: var(--ion-color-income-contrast) !important;
--ion-color-contrast-rgb: var(--ion-color-income-contrast-rgb) !important;
--ion-color-shade: var(--ion-color-income-shade) !important;
--ion-color-tint: var(--ion-color-income-tint) !important;
}

Comments

Post a Comment

Popular posts from this blog

Change Material Design Icon Color Example

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <title>Change Color of Google Material Design Icons Example</title> </head> <body> <i class="material-icons">important_devices</i> <i class="material-icons" style="font-size:40px;">important_devices</i> <i class="material-icons" style="font-size:50px;color:blue">important_devices</i> </body> </html>
Post a Comment
Read more

spring boot sql server 2008 connection

first add the dependence in pom.xml file <dependency> <groupId>com.microsoft.sqlserver</groupId> <artifactId>mssql-jdbc</artifactId> <scope>runtime</scope> </dependency> then we can add the below mention configuration in application.property file spring.datasource.driverClassName=com.microsoft.sqlserver.jdbc.SQLServerDriver spring.datasource.url =jdbc:sqlserver://localhost:1433;databaseName=pos spring.datasource.username = sa spring.datasource.password = sa spring.jpa.properties.hibernate.dialect = org.hibernate.dialect.SQLServer2008Dialect then check the MS-SQL syntax for entity creation.
Post a Comment
Read more

how to generate android icon

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=clipart&foreground.clipart=android&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(68%2C%20138%2C%20255)&crop=0&backgroundShape=square&effects=none&name=ic_launcher
Post a Comment
Read more