personalisation du panel : interaction en vert
This commit is contained in:
parent
9f1c4ad235
commit
226f7d667b
1 changed files with 28 additions and 13 deletions
|
|
@ -1,12 +1,9 @@
|
|||
.leurCouleur{
|
||||
--text-color: #ffffff;
|
||||
--accent-color: #04fea0;
|
||||
--backround-color: #0e1e43;
|
||||
}
|
||||
|
||||
:root{
|
||||
--color-green-perso: #04fea0;
|
||||
|
||||
--color-black: #0B1632;
|
||||
--color-white: #ffffff;
|
||||
|
||||
--color-gray-200: #BCCAF0;
|
||||
--color-gray-100: #BCCAF0;
|
||||
--color-gray-250: #8BA3E5;
|
||||
|
|
@ -19,11 +16,29 @@
|
|||
--color-gray-850: #132553;
|
||||
--color-gray-900: #0e1e43;
|
||||
--color-gray-950: #0d1a38;
|
||||
}
|
||||
/* button.k-button{
|
||||
background-color: #04fea0;
|
||||
} */
|
||||
|
||||
/* .k-button:where([data-variant="filled"]) {
|
||||
--button-color-back: var(--button-filled-color-back);
|
||||
} */
|
||||
--button-cancel-filled-color-back: light-dark( var(--color-gray-300), var(--color-gray-950) );
|
||||
--color-icon-perso: light-dark( var(--color-gray-700), var(--color-gray-400) );
|
||||
|
||||
--color-border: light-dark(var(--color-gray-300), var(--color-gray-600));
|
||||
--dropdown-color-hr:var(--color-gray-800);
|
||||
|
||||
--color-focus: var(--color-green-perso);
|
||||
|
||||
--color-red-h: 355;
|
||||
--color-green-h: 152;
|
||||
--color-orange-h: 15;
|
||||
--color-blue-h: 220;
|
||||
}
|
||||
|
||||
.k-dialog-button-cancel:where([data-variant="filled"]) {
|
||||
--button-color-back: var(--button-cancel-filled-color-back);
|
||||
}
|
||||
|
||||
.k-box {
|
||||
--icon-color: var(--color-icon-perso);
|
||||
}
|
||||
|
||||
.k-panel-menu-button:hover:not(.k-activation-button):not(.k-panel-menu-search){
|
||||
color: var(--color-green-perso);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue