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 { .theme-toggle {
width: 48px; width: 48px;
height: 48px; height: 48px;
border: 1px solid var(--border-color); border: none;
border-radius: 6px; border-radius: 6px;
background: var(--bg-card); background: var(--bg-card);
color: var(--accent-cyan); color: var(--accent-cyan);
@@ -631,15 +631,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 20px; font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto; margin-left: auto;
} }
.theme-toggle:hover { .theme-toggle:hover {
background: var(--accent-cyan); background: var(--accent-cyan);
color: var(--bg-primary); color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
} }
</style> </style>
</head> </head>
+1 -4
View File
@@ -201,7 +201,7 @@
.theme-toggle { .theme-toggle {
width: 48px; width: 48px;
height: 48px; height: 48px;
border: 1px solid var(--border-color); border: none;
border-radius: 6px; border-radius: 6px;
background: var(--bg-card); background: var(--bg-card);
color: var(--accent-cyan); color: var(--accent-cyan);
@@ -210,15 +210,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 20px; font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto; margin-left: auto;
} }
.theme-toggle:hover { .theme-toggle:hover {
background: var(--accent-cyan); background: var(--accent-cyan);
color: var(--bg-primary); color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
} }
main { main {
+1 -4
View File
@@ -418,7 +418,7 @@ if (!document.querySelector('.logo')) {
.theme-toggle { .theme-toggle {
width: 48px; width: 48px;
height: 48px; height: 48px;
border: 1px solid var(--border-color); border: none;
border-radius: 6px; border-radius: 6px;
background: var(--bg-card); background: var(--bg-card);
color: var(--accent-cyan); color: var(--accent-cyan);
@@ -427,15 +427,12 @@ if (!document.querySelector('.logo')) {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 20px; font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto; margin-left: auto;
} }
.theme-toggle:hover { .theme-toggle:hover {
background: var(--accent-cyan); background: var(--accent-cyan);
color: var(--bg-primary); color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
} }
</style> </style>
`; `;
+1 -4
View File
@@ -201,7 +201,7 @@
.theme-toggle { .theme-toggle {
width: 48px; width: 48px;
height: 48px; height: 48px;
border: 1px solid var(--border-color); border: none;
border-radius: 6px; border-radius: 6px;
background: var(--bg-card); background: var(--bg-card);
color: var(--accent-cyan); color: var(--accent-cyan);
@@ -210,15 +210,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 20px; font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto; margin-left: auto;
} }
.theme-toggle:hover { .theme-toggle:hover {
background: var(--accent-cyan); background: var(--accent-cyan);
color: var(--bg-primary); color: var(--bg-primary);
box-shadow: var(--glow-cyan);
transform: rotate(180deg);
} }
main { main {