Jordan Vidrine
b4e451e64b
This PR is the beginning of converting the color picker to use built in core color palettes. The `color_schemes` defined in `about.json` are created in core when the theme is imported, and we then show all user-selectable color palettes in this sidebar footer menu. An important caveat here is that all of the Horizon themes must be changed to `user_selectable` otherwise they will not show up in the color palette selector in the sidebar. When choosing a color palette that also has a corresponding dark color palette, *both* light mode and dark mode are correctly saved with the color palette(s) chosen, using the color palette cookie we already have in core. Anon users can also set a palette, which will be saved in a cookie. --------- Co-authored-by: Sérgio Saquetim <saquetim@discourse.org> Co-authored-by: Martin Brennan <martin@discourse.org> Co-authored-by: Osama Sayegh <asooomaasoooma90@gmail.com>
26 lines
629 B
SCSS
26 lines
629 B
SCSS
.user-color-palette-menu {
|
|
&__item .btn-icon-text.btn-flat {
|
|
background-color: var(--d-content-background);
|
|
width: 100%;
|
|
justify-content: flex-start;
|
|
}
|
|
&__item .btn-icon-text.btn-flat:hover {
|
|
background-color: var(--d-selected);
|
|
box-shadow: none;
|
|
color: var(--primary);
|
|
}
|
|
&__item .btn-icon-text.btn-flat:hover svg {
|
|
color: var(--icon-color);
|
|
}
|
|
&__item .btn-icon-text.btn-flat svg {
|
|
color: var(--icon-color);
|
|
}
|
|
&__item-choice.active.btn-icon-text.btn-flat {
|
|
background-color: var(--d-selected);
|
|
}
|
|
}
|
|
|
|
.user-color-palette-content .fk-d-menu__inner-content {
|
|
border: none;
|
|
}
|