radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-10-31 01:00:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make button text color white except for ghost

Browse Source
This commit is contained in:
dnlklmn
2025-04-03 15:13:25 +02:00
parent 93dcf46fd5
commit 828d993606
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Button.svelte
+4 -1
View File
@@ -28,7 +28,8 @@
`--button-color-2: var(--color-fill-${variant}-hover);` +
`--button-color-3: var(--color-fill-${variant}-shade);` +
// The ghost colors are called --color-fill-counter and --color-fill-counter-emphasized.
`--button-color-4: var(--color-fill${variant === "ghost" ? "" : `-${variant}`}-counter)`,
`--button-color-4: var(--color-fill${variant === "ghost" ? "" : `-${variant}`}-counter);` +
`--text-color: ${variant === "ghost" ? "var(--color-foreground-contrast)" : "var(--color-foreground-white)"}`,
);
</script>
@@ -40,6 +41,8 @@
-webkit-user-select: none;
user-select: none;
color: var(--text-color);
height: 2rem;
column-gap: 0;
row-gap: 0;