ZenBrowserMirrors/docs
1
0
Fork 0
mirror of https://github.com/zen-browser/docs.git synced 2025-07-08 01:10:03 +02:00
Code Issues Projects Releases Packages Wiki Activity

Corrected Dropdown CSS examples

Browse source
This commit is contained in:
Jafeth Garro 2024-09-15 20:33:56 -06:00
parent 2b84b36d4d
commit 5905c2b66f
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
content/themes-store/themes-marketplace-preferences.md
View file

@ -250,19 +250,19 @@ You can use the following CSS to change the background color based on the select
```css {2,8,14} ```css {2,8,14}
/* Light background */ /* Light background */
body:has(#theme-mytheme[background_color="light"]) { body:has(#theme-mytheme[theme-mytheme-background_color="light"]) {
background-color: #fff; background-color: #fff;
color: #000; color: #000;
} }
/* Dark background */ /* Dark background */
body:has(#theme-mytheme[background_color="dark"]) { body:has(#theme-mytheme[theme-mytheme-background_color="dark"]) {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
} }
/* Blue background */ /* Blue background */
body:has(#theme-mytheme[background_color="blue"]) { body:has(#theme-mytheme[theme-mytheme-background_color="blue"]) {
background-color: #001f3f; background-color: #001f3f;
color: #fff; color: #fff;
} }
@ -319,17 +319,17 @@ You can combine the CSS like this:
} }
/* Dropdown for background color selection */ /* Dropdown for background color selection */
body:has(#theme-mytheme[background_color="light"]) { body:has(#theme-mytheme[theme-mytheme-background_color="light"]) {
background-color: #fff; background-color: #fff;
color: #000; color: #000;
} }
body:has(#theme-mytheme[background_color="dark"]) { body:has(#theme-mytheme[theme-mytheme-background_color="dark"]) {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
} }
body:has(#theme-mytheme[background_color="blue"]) { body:has(#theme-mytheme[theme-mytheme-background_color="blue"]) {
background-color: #001f3f; background-color: #001f3f;
color: #fff; color: #fff;
} }