Radish alpha
r
radicle-desktop
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Commits › 828d993
Make button text color white except for ghost
dnlklmn committed 1 year ago
commit 828d993606d18ffe31a260d67fa7b2dec95b7e30
parent 93dcf46
1 file changed +4 -1
modified src/components/Button.svelte
@@ -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;