NextERP/runbot
5
0
Fork 0
mirror of https://github.com/odoo/runbot.git synced 2025-03-15 15:35:46 +07:00
Code Issues Actions Packages Projects Releases Wiki Activity

[IMP] runbot_merge: fix dropdown colors for dark mode

Browse Source 
Much like the alerts and tables bootstrap's dropdowns don't bother
using CSS variables so don't react correctly to the color theme.

Fix them up by updating their CSS rules to use the relevant
variables. They can't be manipulated via their SCSS variables because
there's a bunch of other pieces of code (e.g. odoo theming shit) which
wants to manipulate the dropdown colors in SCSS so using CSS vars
break them.
This commit is contained in:
Xavier Morel 2025-03-13 11:48:34 +01:00
parent e1e255a9df
commit e6648b95c4
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
runbot_merge/static/scss/revariable.scss
View File

@ -68,10 +68,6 @@ h1, h2, h3, h4, h5, h6{
color: inherit;
}
.dropdown-item, .dropdown-menu, .dropdown-menu a {
color: inherit;
}
.navbar-light {
background-color: var(--body-bg);
color: inherit;
@ -109,3 +105,16 @@ h1, h2, h3, h4, h5, h6{
}
}
}
.dropdown-menu {
color: var(--body-color);
background-color: var(--body-bg);
}
.dropdown-item {
color: color-mix(in srgb, var(--link-color) 85%, var(--light));
&:hover, &:focus {
color: color-mix(in srgb, var(--link-color), var(--dark));
// TODO: doesn't work for statuses (doesn't combine with .bg-{category}
background-color: oklch(from var(--dark) l c h / 0.1);
}
}