Skip to content
Snippets Groups Projects
Commit dd714bdc authored by Etienne LOUPIAS's avatar Etienne LOUPIAS
Browse files

theme: light and dark commons

parent cd27c323
Branches
Tags
No related merge requests found
body.light { body.light {
color-scheme: light;
--ml-dark-hide: initial; --ml-dark-hide: initial;
...@@ -95,8 +94,6 @@ body.light { ...@@ -95,8 +94,6 @@ body.light {
} }
body.dark { body.dark {
color-scheme: dark;
--ml-dark-hide: none; --ml-dark-hide: none;
/* define main colors */ /* define main colors */
......
body.theme-purple.light { body.light {
color-scheme: light;
--ml-text-color: #ffffff; --ml-text-color: #ffffff;
--ml-text-button-primary: #ffffff; --ml-text-button-primary: #ffffff;
--ml-text-button-primary-hover: #ffffff; --ml-text-button-primary-hover: #ffffff;
--ml-text-button-primary-disabled: #8993a4; --ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #744ddd;
--ml-text-button-secondary-hover: #422c7e;
--ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-accent-primary: #ebecf0; --ml-border-accent-primary: #ebecf0;
--ml-border-accent-secondary: #f4f5f7; --ml-border-accent-secondary: #f4f5f7;
--ml-border-accent-tertiary: #fafbfc; --ml-border-accent-tertiary: #fafbfc;
--ml-background-accent-secondary: #dfe1e6;
}
body.dark {
color-scheme: dark;
--ml-text-color: #1b1c22;
--ml-text-button-primary: #1b1c22;
--ml-text-button-primary-hover: #1b1c22;
--ml-text-button-primary-disabled: #8993a4;
--ml-border-accent-primary: #576377;
--ml-border-accent-secondary: #4f5561;
--ml-border-accent-tertiary: #353a47;
--ml-background-accent-secondary: #4f5561;
}
body.theme-purple.light {
--ml-text-button-secondary: #744ddd;
--ml-text-button-secondary-hover: #422c7e;
--ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-button-primary: #744ddd; --ml-border-button-primary: #744ddd;
--ml-border-button-primary-hover: #422c7e; --ml-border-button-primary-hover: #422c7e;
--ml-border-button-secondary: #744ddd; //#1b1c22; // bug dans couleurs maquette --ml-border-button-secondary: #744ddd; //#1b1c22; // bug dans couleurs maquette
--ml-border-button-secondary-hover: #744ddd; //#353A47; // bug dans couleurs maquette --ml-border-button-secondary-hover: #744ddd; //#353A47; // bug dans couleurs maquette
--ml-border-button-disabled: #c1c7d0; --ml-border-button-disabled: #c1c7d0;
--ml-background-accent-secondary: #dfe1e6;
--ml-background-button-primary: #744ddd; --ml-background-button-primary: #744ddd;
--ml-background-button-primary-hover: #422c7e; --ml-background-button-primary-hover: #422c7e;
--ml-background-button-primary-disabled: #ebecf0; --ml-background-button-primary-disabled: #ebecf0;
...@@ -31,27 +53,16 @@ body.theme-purple.light { ...@@ -31,27 +53,16 @@ body.theme-purple.light {
} }
body.theme-purple.dark { body.theme-purple.dark {
--ml-text-color: #1b1c22;
--ml-text-button-primary: #1b1c22;
--ml-text-button-primary-hover: #1b1c22;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #b79dff; --ml-text-button-secondary: #b79dff;
--ml-text-button-secondary-hover: #ddd0ff; --ml-text-button-secondary-hover: #ddd0ff;
--ml-text-button-secondary-disabled: #4f5561; --ml-text-button-secondary-disabled: #4f5561;
--ml-border-accent-primary: #576377;
--ml-border-accent-secondary: #4f5561;
--ml-border-accent-tertiary: #353a47;
--ml-border-button-primary: #b79dff; --ml-border-button-primary: #b79dff;
--ml-border-button-primary-hover: #744ddd; //#ddd0ff; // bug dans couleurs maquette --ml-border-button-primary-hover: #744ddd; //#ddd0ff; // bug dans couleurs maquette
--ml-border-button-secondary: #b79dff; //#ffffff; // bug dans couleurs maquette --ml-border-button-secondary: #b79dff; //#ffffff; // bug dans couleurs maquette
--ml-border-button-secondary-hover: #ddd0ff; //#dfe1e6; // bug dans couleurs maquette --ml-border-button-secondary-hover: #ddd0ff; //#dfe1e6; // bug dans couleurs maquette
--ml-border-button-disabled: #4f5561; --ml-border-button-disabled: #4f5561;
--ml-background-accent-secondary: #4f5561;
--ml-background-button-primary: #b79dff; --ml-background-button-primary: #b79dff;
--ml-background-button-primary-hover: #744ddd; --ml-background-button-primary-hover: #744ddd;
--ml-background-button-primary-disabled: #353a47; --ml-background-button-primary-disabled: #353a47;
...@@ -64,27 +75,16 @@ body.theme-purple.dark { ...@@ -64,27 +75,16 @@ body.theme-purple.dark {
// Maquette à faire pour le theme red // Maquette à faire pour le theme red
body.theme-red.light { body.theme-red.light {
--ml-text-color: #ffffff;
--ml-text-button-primary: #ffffff;
--ml-text-button-primary-hover: #ffffff;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #e60028; --ml-text-button-secondary: #e60028;
--ml-text-button-secondary-hover: #b50028; --ml-text-button-secondary-hover: #b50028;
--ml-text-button-secondary-disabled: #c1c7d0; --ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-accent-primary: #ebecf0;
--ml-border-accent-secondary: #f4f5f7;
--ml-border-accent-tertiary: #fafbfc;
--ml-border-button-primary: #e60028; --ml-border-button-primary: #e60028;
--ml-border-button-primary-hover: #b50028; --ml-border-button-primary-hover: #b50028;
--ml-border-button-secondary: #e60028; --ml-border-button-secondary: #e60028;
--ml-border-button-secondary-hover: #e60028; --ml-border-button-secondary-hover: #e60028;
--ml-border-button-disabled: #c1c7d0; --ml-border-button-disabled: #c1c7d0;
--ml-background-accent-secondary: #dfe1e6;
--ml-background-button-primary: #e60028; --ml-background-button-primary: #e60028;
--ml-background-button-primary-hover: #b50028; --ml-background-button-primary-hover: #b50028;
--ml-background-button-primary-disabled: #ffedf0; --ml-background-button-primary-disabled: #ffedf0;
...@@ -96,27 +96,16 @@ body.theme-red.light { ...@@ -96,27 +96,16 @@ body.theme-red.light {
} }
body.theme-red.dark { body.theme-red.dark {
--ml-text-color: #1b1c22;
--ml-text-button-primary: #1b1c22;
--ml-text-button-primary-hover: #1b1c22;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #fe8896; --ml-text-button-secondary: #fe8896;
--ml-text-button-secondary-hover: #fe8896; --ml-text-button-secondary-hover: #fe8896;
--ml-text-button-secondary-disabled: #c1c7d0; --ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-accent-primary: #ebecf0;
--ml-border-accent-secondary: #f4f5f7;
--ml-border-accent-tertiary: #fafbfc;
--ml-border-button-primary: #fe8896; --ml-border-button-primary: #fe8896;
--ml-border-button-primary-hover: #e60028; --ml-border-button-primary-hover: #e60028;
--ml-border-button-secondary: #fe8896; --ml-border-button-secondary: #fe8896;
--ml-border-button-secondary-hover: #fe8896; --ml-border-button-secondary-hover: #fe8896;
--ml-border-button-disabled: #c1c7d0; --ml-border-button-disabled: #c1c7d0;
--ml-background-accent-secondary: #4f5561;
--ml-background-button-primary: #fe8896; --ml-background-button-primary: #fe8896;
--ml-background-button-primary-hover: #e60028; --ml-background-button-primary-hover: #e60028;
--ml-background-button-primary-disabled: #353a47; --ml-background-button-primary-disabled: #353a47;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment