prometheus/docs
1
0
Fork 0
mirror of https://github.com/prometheus/docs.git synced 2026-02-05 15:45:27 +01:00
Code Issues Releases Activity

Merge pull request #2661 from prometheus/revert-themepicker-breakage

Browse Source 
Revert accidentally committed theme selector change
This commit is contained in:
Julius Volz
2025-05-28 17:00:17 +02:00
committed by GitHub
parent a946db5a6f e3766bda2a
commit 6f30614fc9
1 changed files with 13 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/ThemeSelector.tsx
View File

@@ -1,19 +1,9 @@
"use client";
import {
rem,
ActionIcon,
useComputedColorScheme,
useMantineColorScheme,
} from "@mantine/core";
import { useMantineColorScheme, rem, ActionIcon } from "@mantine/core";
import { IconBrightnessFilled, IconSun, IconMoon } from "@tabler/icons-react";
import { FC } from "react";
export const ThemeSelector: FC = () => {
const { setColorScheme } = useMantineColorScheme();
const computedColorScheme = useComputedColorScheme("light", {
getInitialValueInEffect: true,
});
const { colorScheme, setColorScheme } = useMantineColorScheme();
const iconProps = {
style: { width: rem(20), height: rem(20), display: "block" },
stroke: 1.5,
@@ -24,36 +14,36 @@ export const ThemeSelector: FC = () => {
color="gray"
variant="subtle"
title={`Switch to ${
computedColorScheme === "light"
colorScheme === "light"
? "dark"
: computedColorScheme === "dark"
: colorScheme === "dark"
? "browser-preferred"
: "light"
} theme`}
aria-label={`Switch to ${
computedColorScheme === "light"
colorScheme === "light"
? "dark"
: computedColorScheme === "dark"
: colorScheme === "dark"
? "browser-preferred"
: "light"
} theme`}
size={32}
onClick={() =>
setColorScheme(
computedColorScheme === "light"
colorScheme === "light"
? "dark"
: computedColorScheme === "dark"
: colorScheme === "dark"
? "auto"
: "light"
)
}
>
{computedColorScheme === "light" ? (
<IconSun {...iconProps} />
) : computedColorScheme === "dark" ? (
<IconMoon {...iconProps} />
{colorScheme === "light" ? (
<IconSun suppressHydrationWarning {...iconProps} />
) : colorScheme === "dark" ? (
<IconMoon suppressHydrationWarning {...iconProps} />
) : (
<IconBrightnessFilled {...iconProps} />
<IconBrightnessFilled suppressHydrationWarning {...iconProps} />
)}
</ActionIcon>
);