diff options
| -rw-r--r-- | src/components/Switch.tsx | 4 | ||||
| -rw-r--r-- | src/plugins/memberCount.tsx | 8 | ||||
| -rw-r--r-- | src/plugins/silentTyping.tsx | 2 |
3 files changed, 7 insertions, 7 deletions
diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx index a18a7e4..11a3fe0 100644 --- a/src/components/Switch.tsx +++ b/src/components/Switch.tsx @@ -26,8 +26,8 @@ interface SwitchProps { disabled?: boolean; } -const SWITCH_ON = "var(--status-green-600)"; -const SWITCH_OFF = "var(--primary-dark-400)"; +const SWITCH_ON = "var(--green-360)"; +const SWITCH_OFF = "var(--primary-400)"; const SwitchClasses = findByPropsLazy("slider", "input", "container"); export function Switch({ checked, onChange, disabled }: SwitchProps) { diff --git a/src/plugins/memberCount.tsx b/src/plugins/memberCount.tsx index e17157e..3762614 100644 --- a/src/plugins/memberCount.tsx +++ b/src/plugins/memberCount.tsx @@ -56,7 +56,7 @@ function MemberCount() { <div {...props}> <span style={{ - backgroundColor: "var(--status-green-600)", + backgroundColor: "var(--green-360)", width: "12px", height: "12px", borderRadius: "50%", @@ -64,7 +64,7 @@ function MemberCount() { marginRight: "0.5em" }} /> - <span style={{ color: "var(--status-green-600)" }}>{online}</span> + <span style={{ color: "var(--green-360)" }}>{online}</span> </div> )} </Tooltip> @@ -76,13 +76,13 @@ function MemberCount() { width: "6px", height: "6px", borderRadius: "50%", - border: "3px solid var(--status-grey-500)", + border: "3px solid var(--primary-400)", display: "inline-block", marginRight: "0.5em", marginLeft: "1em" }} /> - <span style={{ color: "var(--status-grey-500)" }}>{total}</span> + <span style={{ color: "var(--primary-400)" }}>{total}</span> </div> )} </Tooltip> diff --git a/src/plugins/silentTyping.tsx b/src/plugins/silentTyping.tsx index 442be39..78bb92e 100644 --- a/src/plugins/silentTyping.tsx +++ b/src/plugins/silentTyping.tsx @@ -56,7 +56,7 @@ function SilentTypingToggle() { <div className={ButtonWrapperClasses.buttonWrapper}> <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <path fill="currentColor" d="M528 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM128 180v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm288 0v-40c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h232c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12z" /> - {isEnabled && <path d="M13 432L590 48" stroke="var(--status-red-500)" stroke-width="72" stroke-linecap="round" />} + {isEnabled && <path d="M13 432L590 48" stroke="var(--red-500)" stroke-width="72" stroke-linecap="round" />} </svg> </div> </Button> |