style: update theme toggle styles to remove borders and animations
This commit is contained in:
+1
-4
@@ -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
@@ -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
@@ -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
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user