Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

#106 into [email protected] 🌵 add dropdown feature, add system option in scheme switcher, change header items, change scheme colors, fix hover styles #182

Closed
wants to merge 2 commits into from
Closed

#106 into [email protected] 🌵 add dropdown feature, add system option in scheme switcher, change header items, change scheme colors, fix hover styles #182

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6990455
#106 🌵 add dropdown feature, add system option in scheme switcher, ch…
kvelian Jun 30, 2024
89cf00d
#106 scheme rework
kvelian Nov 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 1 addition & 3 deletions src/static/views/assets/icons/scheme-dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 1 addition & 3 deletions src/static/views/assets/icons/scheme-light.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 5 additions & 6 deletions src/static/views/assets/styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,6 @@ body {
color: var(--primary);
}

svg {
color: var(--primary-glass);
}

a {
color: var(--primary);
text-decoration-line: none;
Expand All @@ -34,7 +30,6 @@ a {
.title {
display: flex;
height: 50px;
flex-direction: row;
align-items: center;
font-size: 20px;
font-weight: 500;
Expand All @@ -51,7 +46,6 @@ a {
flex-direction: column;
align-items: flex-start;
font-size: 14px;
font-weight: 200;
gap: 10px;
line-height: 17px;
}
Expand Down Expand Up @@ -86,3 +80,8 @@ a {
align-items: center;
gap: 10px;
}

.vertical_line {
height: 30px;
border-left: 0.5px solid var(--primary-glass);
}
30 changes: 27 additions & 3 deletions src/static/views/components/header/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@
display: flex;
width: 800px;
height: 60px;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 25px;
Expand All @@ -19,23 +18,27 @@

.header_menu {
display: flex;
flex-direction: row;
align-items: center;
gap: 25px;
}

.header_menu_item {
display: flex;
height: 25px;
flex-direction: row;
align-items: center;
justify-content: center;
color: var(--primary-glass);
cursor: pointer;
font-size: 14px;
font-weight: 400;
gap: 10px;
line-height: 17px;
}

.header_menu_item:hover {
color: var(--primary);
}

.logo img {
height: 30px;
margin-right: 5px;
Expand All @@ -53,3 +56,24 @@ li {
background-repeat: no-repeat;
cursor: pointer;
}

.scheme_switcher_radio_group_item {
display: flex;
width: 80px;
height: 30px;
align-items: center;
justify-content: center;
border-radius: 20px;
cursor: pointer;
gap: 10px;
padding-inline: 15px;
}

.scheme_switcher_radio_group_item.active,
.scheme_switcher_radio_group_item.active:hover {
background-color: var(--accent);
}

.scheme_switcher_radio_group_item:hover {
background-color: var(--accent-glass);
}
50 changes: 43 additions & 7 deletions src/static/views/components/header/index.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,33 +7,69 @@
<div class="header_menu_item logo">
<img src="/assets/images/logo.png" />
<svg width="41" height="9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.04 8.5C11.9067 8.5 11.7867 8.45333 11.68 8.36C11.5867 8.25333 11.54 8.13333 11.54 8V3.8C11.54 3.01333 11.38 2.46 11.06 2.14C10.7533 1.82 10.3533 1.66 9.86 1.66C9.36667 1.66 8.88667 1.8 8.42 2.08C7.95333 2.36 7.52667 2.71333 7.14 3.14V8C7.14 8.13333 7.09333 8.25333 7 8.36C6.90667 8.45333 6.78667 8.5 6.64 8.5C6.50667 8.5 6.38667 8.45333 6.28 8.36C6.18667 8.25333 6.14 8.13333 6.14 8V3.8C6.14 3.01333 5.98 2.46 5.66 2.14C5.35333 1.82 4.95333 1.66 4.46 1.66C3.96667 1.66 3.48 1.81333 3 2.12C2.52 2.41333 2.08667 2.77333 1.7 3.2V8C1.7 8.13333 1.65333 8.25333 1.56 8.36C1.46667 8.45333 1.34667 8.5 1.2 8.5C1.06667 8.5 0.946667 8.45333 0.84 8.36C0.746667 8.25333 0.7 8.13333 0.7 8V1.16C0.7 1.01333 0.746667 0.893333 0.84 0.8C0.946667 0.706666 1.06667 0.66 1.2 0.66C1.34667 0.66 1.46667 0.706666 1.56 0.8C1.65333 0.893333 1.7 1.01333 1.7 1.16V1.84C2.12667 1.49333 2.57333 1.21333 3.04 0.999999C3.50667 0.773333 3.98 0.66 4.46 0.66C4.98 0.66 5.45333 0.753333 5.88 0.94C6.30667 1.12667 6.63333 1.49333 6.86 2.04C7.31333 1.62667 7.79333 1.29333 8.3 1.04C8.82 0.786666 9.34 0.66 9.86 0.66C10.3533 0.66 10.8 0.746666 11.2 0.92C11.6 1.09333 11.92 1.40667 12.16 1.86C12.4133 2.3 12.54 2.94667 12.54 3.8V8C12.54 8.13333 12.4933 8.25333 12.4 8.36C12.3067 8.45333 12.1867 8.5 12.04 8.5ZM18.9791 0.579999C19.7924 0.579999 20.4924 0.766666 21.0791 1.14C21.6791 1.5 22.1391 1.99333 22.4591 2.62C22.7924 3.23333 22.9591 3.92 22.9591 4.68C22.9591 5.41333 22.7924 6.07333 22.4591 6.66C22.1391 7.24667 21.6791 7.71333 21.0791 8.06C20.4924 8.40667 19.7924 8.58 18.9791 8.58C18.1791 8.58 17.4791 8.40667 16.8791 8.06C16.2791 7.71333 15.8124 7.24 15.4791 6.64C15.1591 6.04 14.9991 5.37333 14.9991 4.64C14.9991 3.89333 15.1591 3.21333 15.4791 2.6C15.7991 1.98667 16.2591 1.5 16.8591 1.14C17.4591 0.766666 18.1657 0.579999 18.9791 0.579999ZM18.9791 1.58C18.3657 1.58 17.8324 1.72 17.3791 2C16.9391 2.28 16.5991 2.65333 16.3591 3.12C16.1191 3.57333 15.9991 4.08 15.9991 4.64C15.9991 5.46667 16.2657 6.16667 16.7991 6.74C17.3457 7.3 18.0724 7.58 18.9791 7.58C19.8857 7.58 20.6057 7.3 21.1391 6.74C21.6857 6.18 21.9591 5.49333 21.9591 4.68C21.9591 4.10667 21.8391 3.58667 21.5991 3.12C21.3591 2.65333 21.0124 2.28 20.5591 2C20.1191 1.72 19.5924 1.58 18.9791 1.58ZM30.6391 1.88C30.1591 1.73333 29.6924 1.66 29.2391 1.66C28.2257 1.66 27.4324 1.95333 26.8591 2.54C26.2991 3.11333 26.0191 3.85333 26.0191 4.76C26.0191 5.54667 26.2991 6.2 26.8591 6.72C27.4191 7.24 28.2057 7.5 29.2191 7.5C29.5924 7.5 29.9191 7.47333 30.1991 7.42C30.4791 7.35333 30.6991 7.29333 30.8591 7.24C31.0057 7.18667 31.0991 7.15333 31.1391 7.14C31.1924 7.12667 31.2324 7.12 31.2591 7.12C31.3924 7.12 31.5057 7.17333 31.5991 7.28C31.7057 7.37333 31.7591 7.48667 31.7591 7.62C31.7591 7.84667 31.6524 8 31.4391 8.08C31.1457 8.2 30.8124 8.3 30.4391 8.38C30.0791 8.46 29.6724 8.5 29.2191 8.5C28.3124 8.5 27.5457 8.33333 26.9191 8C26.2924 7.65333 25.8191 7.2 25.4991 6.64C25.1791 6.06667 25.0191 5.44 25.0191 4.76C25.0191 3.97333 25.1857 3.27333 25.5191 2.66C25.8524 2.03333 26.3324 1.54667 26.9591 1.2C27.5857 0.84 28.3457 0.66 29.2391 0.66C29.9191 0.66 30.5657 0.766666 31.1791 0.98C31.4057 1.06 31.5191 1.22667 31.5191 1.48C31.5191 1.6 31.4657 1.71333 31.3591 1.82C31.2524 1.91333 31.1324 1.96 30.9991 1.96C30.9591 1.96 30.8391 1.93333 30.6391 1.88ZM39.05 1.82C38.9167 1.78 38.6833 1.73333 38.35 1.68C38.03 1.62667 37.6767 1.6 37.29 1.6C36.6367 1.6 36.13 1.71333 35.77 1.94C35.41 2.16667 35.23 2.44667 35.23 2.78C35.23 3.07333 35.3767 3.31333 35.67 3.5C35.9767 3.67333 36.4767 3.79333 37.17 3.86L37.97 3.94C38.65 4.00667 39.1833 4.16 39.57 4.4C39.9567 4.64 40.23 4.92667 40.39 5.26C40.55 5.58 40.63 5.92 40.63 6.28C40.63 6.64 40.5367 7 40.35 7.36C40.1633 7.70667 39.8367 8 39.37 8.24C38.9167 8.46667 38.2633 8.58 37.41 8.58C36.9167 8.58 36.41 8.53333 35.89 8.44C35.37 8.33333 34.8767 8.18 34.41 7.98C34.21 7.88667 34.11 7.72667 34.11 7.5C34.11 7.38 34.1633 7.27333 34.27 7.18C34.3767 7.07333 34.4967 7.02 34.63 7.02C34.6567 7.02 34.7033 7.03333 34.77 7.06C34.8367 7.08667 34.9567 7.13333 35.13 7.2C35.3833 7.29333 35.7167 7.38 36.13 7.46C36.5433 7.54 36.97 7.58 37.41 7.58C38.13 7.58 38.6767 7.46 39.05 7.22C39.4367 6.96667 39.63 6.65333 39.63 6.28C39.63 5.93333 39.4967 5.64 39.23 5.4C38.9633 5.14667 38.5167 4.99333 37.89 4.94L37.09 4.86C36.3033 4.78 35.7033 4.63333 35.29 4.42C34.8767 4.19333 34.5967 3.93333 34.45 3.64C34.3033 3.34667 34.23 3.05333 34.23 2.76C34.23 2.42667 34.3167 2.1 34.49 1.78C34.6767 1.44667 34.99 1.16667 35.43 0.94C35.8833 0.713333 36.5033 0.6 37.29 0.6C37.7433 0.6 38.1633 0.633333 38.55 0.7C38.95 0.753333 39.3033 0.826667 39.61 0.92C39.7167 0.933333 39.8033 0.993333 39.87 1.1C39.9367 1.19333 39.97 1.29333 39.97 1.4C39.97 1.54667 39.9167 1.66667 39.81 1.76C39.7167 1.85333 39.6033 1.9 39.47 1.9C39.39 1.9 39.25 1.87333 39.05 1.82Z" fill="currentColor" />
<path d="M12.04 8.5a.533.533 0 0 1-.36-.14.533.533 0 0 1-.14-.36V3.8c0-.787-.16-1.34-.48-1.66-.307-.32-.707-.48-1.2-.48s-.973.14-1.44.42c-.467.28-.893.633-1.28 1.06V8a.533.533 0 0 1-.14.36.487.487 0 0 1-.36.14.533.533 0 0 1-.36-.14.533.533 0 0 1-.14-.36V3.8c0-.787-.16-1.34-.48-1.66-.307-.32-.707-.48-1.2-.48s-.98.153-1.46.46A5.9 5.9 0 0 0 1.7 3.2V8a.533.533 0 0 1-.14.36.487.487 0 0 1-.36.14.533.533 0 0 1-.36-.14A.533.533 0 0 1 .7 8V1.16C.7 1.013.747.893.84.8A.533.533 0 0 1 1.2.66c.147 0 .267.047.36.14.093.093.14.213.14.36v.68A6.235 6.235 0 0 1 3.04 1 3.22 3.22 0 0 1 4.46.66c.52 0 .993.093 1.42.28.427.187.753.553.98 1.1a6.358 6.358 0 0 1 1.44-1C8.82.787 9.34.66 9.86.66c.493 0 .94.087 1.34.26.4.173.72.487.96.94.253.44.38 1.087.38 1.94V8a.533.533 0 0 1-.14.36.487.487 0 0 1-.36.14ZM18.98.58c.812 0 1.512.187 2.1.56.6.36 1.06.853 1.38 1.48.332.613.5 1.3.5 2.06 0 .733-.168 1.393-.5 1.98a3.57 3.57 0 0 1-1.38 1.4c-.588.347-1.288.52-2.1.52-.8 0-1.5-.173-2.1-.52a3.673 3.673 0 0 1-1.4-1.42c-.32-.6-.48-1.267-.48-2 0-.747.16-1.427.48-2.04.32-.613.78-1.1 1.38-1.46.6-.373 1.306-.56 2.12-.56Zm0 1c-.614 0-1.148.14-1.6.42-.44.28-.78.653-1.02 1.12-.24.453-.36.96-.36 1.52 0 .827.266 1.527.8 2.1.546.56 1.272.84 2.18.84.906 0 1.626-.28 2.16-.84.546-.56.82-1.247.82-2.06a3.36 3.36 0 0 0-.36-1.56A2.801 2.801 0 0 0 20.56 2c-.44-.28-.968-.42-1.58-.42Zm11.66.3a4.78 4.78 0 0 0-1.4-.22c-1.014 0-1.808.293-2.38.88-.56.573-.84 1.313-.84 2.22 0 .787.28 1.44.84 1.96.56.52 1.346.78 2.36.78.372 0 .7-.027.98-.08.28-.067.5-.127.66-.18.146-.053.24-.087.28-.1a.547.547 0 0 1 .12-.02c.132 0 .246.053.34.16.106.093.16.207.16.34 0 .227-.108.38-.32.46a5.928 5.928 0 0 1-2.22.42c-.908 0-1.674-.167-2.3-.5-.628-.347-1.1-.8-1.42-1.36-.32-.573-.48-1.2-.48-1.88 0-.787.166-1.487.5-2.1a3.533 3.533 0 0 1 1.44-1.46c.626-.36 1.386-.54 2.28-.54.68 0 1.326.107 1.94.32.226.08.34.247.34.5 0 .12-.054.233-.16.34a.533.533 0 0 1-.36.14c-.04 0-.16-.027-.36-.08Zm8.41-.06a6.218 6.218 0 0 0-.7-.14 6.47 6.47 0 0 0-1.06-.08c-.653 0-1.16.113-1.52.34-.36.227-.54.507-.54.84 0 .293.147.533.44.72.307.173.807.293 1.5.36l.8.08c.68.067 1.213.22 1.6.46.387.24.66.527.82.86.16.32.24.66.24 1.02s-.093.72-.28 1.08c-.187.347-.513.64-.98.88-.453.227-1.107.34-1.96.34-.493 0-1-.047-1.52-.14a7.648 7.648 0 0 1-1.48-.46.49.49 0 0 1-.3-.48c0-.12.053-.227.16-.32a.498.498 0 0 1 .36-.16c.027 0 .073.013.14.04l.36.14c.253.093.587.18 1 .26.413.08.84.12 1.28.12.72 0 1.267-.12 1.64-.36.387-.253.58-.567.58-.94 0-.347-.133-.64-.4-.88-.267-.253-.713-.407-1.34-.46l-.8-.08c-.787-.08-1.387-.227-1.8-.44-.413-.227-.693-.487-.84-.78a1.952 1.952 0 0 1-.22-.88c0-.333.087-.66.26-.98.187-.333.5-.613.94-.84.453-.227 1.073-.34 1.86-.34.453 0 .873.033 1.26.1.4.053.753.127 1.06.22a.353.353 0 0 1 .26.18c.067.093.1.193.1.3a.456.456 0 0 1-.16.36.463.463 0 0 1-.34.14c-.08 0-.22-.027-.42-.08Z" fill="currentColor" />
</svg>
</div>
</a>
<ul class="header_menu">
<li>
<a href="https://www.npmjs.com/package/mock-config-server" rel="noopener noreferrer" target="_blank">
<div class="header_menu_item">
<svg width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>npm</title>
<path fill="currentColor" d="M.78.47v20h20v-20h-20Zm16.647 16.648h-3.353V7.176H10.72v9.944H4.13V3.823h13.296V17.12Z" />
</svg>
</div>
</a>
</li>
<li>
<a href="https://github.com/siberiacancode/mock-config-server" rel="noopener noreferrer" target="_blank">
<div class="header_menu_item">
<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5613 0C5.03628 0 0.561279 4.59118 0.561279 10.2539C0.561279 14.7853 3.42628 18.6279 7.39878 19.9823C7.89878 20.0788 8.08211 19.7618 8.08211 19.4892C8.08211 19.2457 8.07378 18.6006 8.06961 17.7461C5.28795 18.3647 4.70128 16.3703 4.70128 16.3703C4.24628 15.1869 3.58878 14.8707 3.58878 14.8707C2.68295 14.235 3.65878 14.2478 3.65878 14.2478C4.66295 14.3196 5.19045 15.3039 5.19045 15.3039C6.08211 16.8719 7.53128 16.4191 8.10295 16.1567C8.19295 15.4936 8.45045 15.0416 8.73628 14.7853C6.51545 14.5289 4.18128 13.6471 4.18128 9.71813C4.18128 8.59875 4.56878 7.68444 5.21045 6.96667C5.09795 6.70776 4.76045 5.66528 5.29795 4.2528C5.29795 4.2528 6.13545 3.97766 8.04795 5.30383C8.84795 5.07568 9.69795 4.96289 10.5479 4.95776C11.3979 4.96289 12.2479 5.07568 13.0479 5.30383C14.9479 3.97766 15.7854 4.2528 15.7854 4.2528C16.3229 5.66528 15.9854 6.70776 15.8854 6.96667C16.5229 7.68444 16.9104 8.59875 16.9104 9.71813C16.9104 13.6573 14.5729 14.5246 12.3479 14.7767C12.6979 15.0843 13.0229 15.7132 13.0229 16.6737C13.0229 18.046 13.0104 19.1483 13.0104 19.4816C13.0104 19.7507 13.1854 20.0711 13.6979 19.9686C17.6988 18.6236 20.5613 14.7784 20.5613 10.2539C20.5613 4.59118 16.0838 0 10.5613 0Z" fill="currentColor" />
<title>Github</title>
<path d="M10.561 0c-5.525 0-10 4.591-10 10.254 0 4.531 2.865 8.374 6.838 9.728.5.097.683-.22.683-.493 0-.243-.008-.888-.012-1.743C5.288 18.365 4.7 16.37 4.7 16.37c-.455-1.183-1.112-1.5-1.112-1.5-.906-.635.07-.622.07-.622 1.004.072 1.531 1.056 1.531 1.056.892 1.568 2.341 1.115 2.913.853.09-.663.347-1.115.633-1.372-2.22-.256-4.555-1.138-4.555-5.067 0-1.12.388-2.034 1.03-2.751-.113-.26-.45-1.302.087-2.714 0 0 .837-.275 2.75 1.05.8-.227 1.65-.34 2.5-.345.85.005 1.7.118 2.5.346 1.9-1.326 2.737-1.051 2.737-1.051.538 1.412.2 2.455.1 2.714.638.717 1.025 1.632 1.025 2.751 0 3.94-2.337 4.807-4.562 5.059.35.307.675.936.675 1.897 0 1.372-.013 2.474-.013 2.808 0 .269.175.59.688.487 4-1.345 6.863-5.19 6.863-9.715C20.561 4.59 16.084 0 10.561 0Z" fill="currentColor" />
</svg>
github
</div>
</a>
</li>
<li>
<a href="https://github.com/siberiacancode/mock-config-server/issues" rel="noopener noreferrer" target="_blank">
<div class="header_menu_item">
<svg width="17" height="17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9613 0.5H2.16128C1.28128 0.5 0.569279 1.22 0.569279 2.1L0.561279 16.5L3.76128 13.3H14.9613C15.8413 13.3 16.5613 12.58 16.5613 11.7V2.1C16.5613 1.22 15.8413 0.5 14.9613 0.5ZM6.16128 7.7H4.56128V6.1H6.16128V7.7ZM9.36128 7.7H7.76128V6.1H9.36128V7.7ZM12.5613 7.7H10.9613V6.1H12.5613V7.7Z" fill="currentColor" />
<svg width="22" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Github - issues</title>
<path stroke="currentColor" d="m4.58 17.536 1.54-1.232.012-.008c.32-.257.482-.386.663-.479.162-.083.335-.143.513-.18.201-.04.41-.04.831-.04h8.769c1.129 0 1.694 0 2.126-.22.38-.194.69-.504.883-.884.22-.432.22-.996.22-2.126V4.684c0-1.13 0-1.695-.22-2.126a2.022 2.022 0 0 0-.884-.883c-.432-.22-.997-.22-2.128-.22H5.188c-1.132 0-1.698 0-2.13.22a2.02 2.02 0 0 0-.883.883c-.22.432-.22.998-.22 2.13v11.586c0 1.077 0 1.615.22 1.891.193.24.484.38.791.38.354 0 .774-.337 1.615-1.009Z" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
issues
</div>
</a>
</li>
<li>
<div id="scheme_switcher" class="scheme_switcher"></div>
<div class="vertical_line"></div>
</li>
<li>
<div id="scheme_switcher_dropdown" class="dropdown">
<div id="scheme_switcher_dropdown_trigger" class="scheme_switcher" title="Scheme">
</div>
<div id="scheme_switcher_dropdown_content" class="dropdown_content">
<div id="scheme_switcher_radio_group_item_dark" data-value="dark" class="scheme_switcher_radio_group_item">
<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M6.37 2.51A7.35 7.35 0 0 0 6.1 4.5c0 4.08 3.32 7.4 7.4 7.4.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 9 16c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49ZM9 0a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26A5.403 5.403 0 0 1 10.36.1C9.92.04 9.46 0 9 0Z" />
</svg>
dark
</div>
<div id="scheme_switcher_radio_group_item_light" data-value="light" class="scheme_switcher_radio_group_item">
<svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 8c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3Zm0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5ZM1 12h2c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1Zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1ZM10 1v2c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1s-1 .45-1 1Zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1ZM4.99 3.58a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .38-.39.39-1.03 0-1.41L4.99 3.58Zm12.37 12.37a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06Zm1.06-10.96a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.41 0l1.06-1.06ZM6.05 17.36a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.41 0l1.06-1.06Z" fill="currentColor" />
</svg>
light
</div>
<div id="scheme_switcher_radio_group_item_system" data-value="system" class="scheme_switcher_radio_group_item">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 8a2.83 2.83 0 0 0 4 4 4 4 0 1 1-4-4M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M6.3 17.7l-1.4 1.4M19.1 4.9l-1.4 1.4" />
</svg>
system
</div>
</div>
</div>
</li>
</ul>
</div>
Expand Down
Loading