diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css index 6642f6b44..dae7e9728 100644 --- a/src/assets/oruga-tailwindcss.css +++ b/src/assets/oruga-tailwindcss.css @@ -249,7 +249,7 @@ body { .o-radio__input:checked { /* override a CSS prop (background-image url on `[type="radio"]:checked`) set by default by tailwind that alter the oruga o-radio design */ - background-image:none; + background-image: none; } /* Checkbox */ .o-checkbox__input:checked { diff --git a/src/assets/tailwind.css b/src/assets/tailwind.css index c3fe69dc3..2c91d4911 100644 --- a/src/assets/tailwind.css +++ b/src/assets/tailwind.css @@ -29,20 +29,18 @@ } :root { + /* TODO Try to change the primary color but without success */ + --oruga-primary: #1e7d97; + --oruga-variant-primary: #1e7d97; - /* TODO Try to change the primary color but without success */ - --oruga-primary: #1e7d97; - --oruga-variant-primary: #1e7d97; + /* So force change the primary color for each component */ + --oruga-radio-active-background-color: #1e7d97; + --oruga-switch-checked-background: #1e7d97; - /* So force change the primary color for each component */ - --oruga-radio-active-background-color: #1e7d97; - --oruga-switch-checked-background: #1e7d97; - - /* We want transparent background for buttons + /* We want transparent background for buttons instead of oruga default primay color */ - --oruga-checkbox-background-color: white; - --oruga-checkbox-active-background-color: white; - + --oruga-checkbox-background-color: white; + --oruga-checkbox-active-background-color: white; } @media (prefers-color-scheme: dark) {