Python
/
ruff
mirror of https://github.com/astral-sh/ruff
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tweak background on theme button (#6290) 

## Summary

It's now white on-hover as opposed to yellow, to match the copy button:

<img width="1792" alt="Screen Shot 2023-08-02 at 8 52 10 PM"
src="https://github.com/astral-sh/ruff/assets/1309177/96d5cbf9-ef33-4fba-8888-f2a4af9a6ec4">
This commit is contained in:
Charlie Marsh 2023-08-02 21:00:37 -04:00 committed by GitHub
parent d40597a266
commit a15b0a9102
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
playground/src/Editor/ShareButton.tsx
View File

@ -14,7 +14,7 @@ export default function ShareButton({ onShare }: { onShare?: () => void }) {
return copied ? ( return copied ? (
<AstralButton <AstralButton
type="button" type="button"
className="relative flex-none leading-6 py-1.5 px-3 cursor-auto shadow-copied" className="relative flex-none leading-6 py-1.5 px-3 cursor-auto dark:shadow-copied"
> >
<span <span
className="absolute inset-0 flex items-center justify-center invisible" className="absolute inset-0 flex items-center justify-center invisible"
@ -22,7 +22,7 @@ export default function ShareButton({ onShare }: { onShare?: () => void }) {
> >
Share Share
</span> </span>
<span className="" aria-hidden="false"> <span aria-hidden="false">
Copied! Copied!
</span> </span>
</AstralButton> </AstralButton>

4
playground/src/Editor/ThemeButton.tsx
View File

@ -14,7 +14,7 @@ export default function ThemeButton({
return ( return (
<AstralButton <AstralButton
type="button" type="button"
className="ml-4 sm:ml-0 shadow-sm" className="ml-4 sm:ml-0 dark:shadow-copied"
onClick={() => onChange(theme === "light" ? "dark" : "light")} onClick={() => onChange(theme === "light" ? "dark" : "light")}
> >
<span className="sr-only"> <span className="sr-only">
@ -28,7 +28,7 @@ export default function ThemeButton({
strokeWidth="2" strokeWidth="2"
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
className="stroke-black hover:stroke-radiate hover:fill-black fill-radiate" className="stroke-black hover:stroke-white hover:fill-black fill-radiate"
> >
<g className="dark:opacity-0"> <g className="dark:opacity-0">
<path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path> <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>

4
playground/src/index.css
View File

@ -17,8 +17,8 @@ html,
} }
.shadow-copied { .shadow-copied {
--tw-shadow: 0 0 0 1px theme("colors.radiate"), --tw-shadow: 0 0 0 1px theme("colors.white"),
inset 0 0 0 1px theme("colors.radiate"); inset 0 0 0 1px theme("colors.white");
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color),
inset 0 0 0 1px var(--tw-shadow-color); inset 0 0 0 1px var(--tw-shadow-color);