style: update theme toggle styles to remove borders and animations

This commit is contained in:
Sergey Krashevich
2026-02-04 05:28:12 +03:00
parent c0a2e04ad0
commit e37da9a056
4 changed files with 4 additions and 16 deletions
+1 -4
View File
@@ -622,7 +622,7 @@
.theme-toggle {
width: 48px;
height: 48px;
border: 1px solid var(--border-color);
border: none;
border-radius: 6px;
background: var(--bg-card);
color: var(--accent-cyan);
@@ -631,15 +631,12 @@
align-items: center;
justify-content: center;
font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto;
}
.theme-toggle:hover {
background: var(--accent-cyan);
color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
}
</style>
</head>
+1 -4
View File
@@ -201,7 +201,7 @@
.theme-toggle {
width: 48px;
height: 48px;
border: 1px solid var(--border-color);
border: none;
border-radius: 6px;
background: var(--bg-card);
color: var(--accent-cyan);
@@ -210,15 +210,12 @@
align-items: center;
justify-content: center;
font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto;
}
.theme-toggle:hover {
background: var(--accent-cyan);
color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
}
main {
+1 -4
View File
@@ -418,7 +418,7 @@ if (!document.querySelector('.logo')) {
.theme-toggle {
width: 48px;
height: 48px;
border: 1px solid var(--border-color);
border: none;
border-radius: 6px;
background: var(--bg-card);
color: var(--accent-cyan);
@@ -427,15 +427,12 @@ if (!document.querySelector('.logo')) {
align-items: center;
justify-content: center;
font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto;
}
.theme-toggle:hover {
background: var(--accent-cyan);
color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
}
</style>
`;
+1 -4
View File
@@ -201,7 +201,7 @@
.theme-toggle {
width: 48px;
height: 48px;
border: 1px solid var(--border-color);
border: none;
border-radius: 6px;
background: var(--bg-card);
color: var(--accent-cyan);
@@ -210,15 +210,12 @@
align-items: center;
justify-content: center;
font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto;
}
.theme-toggle:hover {
background: var(--accent-cyan);
color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
}
main {