synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-15 22:20:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: stabilize light theme (#12855)

Browse Source
This commit is contained in:
Kayla Washburn-Love
2024-04-02 16:06:31 -06:00
committed by GitHub
parent 41914256b3
commit caa49ea6a1
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
site/src/modules/dashboard/Navbar/NavbarView.stories.tsx
View File

@ -25,3 +25,9 @@ export const ForMember: Story = {
canViewAllUsers: false, canViewAllUsers: false,
}, },
}; };
export const CustomLogo: Story = {
args: {
logo_url: "/icon/github.svg",
},
};

5
site/src/modules/dashboard/Navbar/NavbarView.tsx
View File

@ -13,6 +13,7 @@ import { type FC, type ReactNode, useRef, useState } from "react";
import { NavLink, useLocation, useNavigate } from "react-router-dom"; import { NavLink, useLocation, useNavigate } from "react-router-dom";
import type * as TypesGen from "api/typesGenerated"; import type * as TypesGen from "api/typesGenerated";
import { Abbr } from "components/Abbr/Abbr"; import { Abbr } from "components/Abbr/Abbr";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import { displayError } from "components/GlobalSnackbar/utils"; import { displayError } from "components/GlobalSnackbar/utils";
import { CoderIcon } from "components/Icons/CoderIcon"; import { CoderIcon } from "components/Icons/CoderIcon";
import { Latency } from "components/Latency/Latency"; import { Latency } from "components/Latency/Latency";
@ -150,7 +151,7 @@ export const NavbarView: FC<NavbarViewProps> = ({
<div css={styles.drawerHeader}> <div css={styles.drawerHeader}>
<div css={[styles.logo, styles.drawerLogo]}> <div css={[styles.logo, styles.drawerLogo]}>
{logo_url ? ( {logo_url ? (
<img src={logo_url} alt="Custom Logo" /> <ExternalImage src={logo_url} alt="Custom Logo" />
) : ( ) : (
<CoderIcon /> <CoderIcon />
)} )}
@ -167,7 +168,7 @@ export const NavbarView: FC<NavbarViewProps> = ({
<NavLink css={styles.logo} to="/workspaces"> <NavLink css={styles.logo} to="/workspaces">
{logo_url ? ( {logo_url ? (
<img src={logo_url} alt="Custom Logo" /> <ExternalImage src={logo_url} alt="Custom Logo" />
) : ( ) : (
<CoderIcon fill="white" opacity={1} width={125} /> <CoderIcon fill="white" opacity={1} width={125} />
)} )}

1
site/src/pages/UserSettingsPage/AppearancePage/AppearanceForm.tsx
View File

@ -57,7 +57,6 @@ export const AppearanceForm: FC<AppearanceFormProps> = ({
/> />
<ThemePreviewButton <ThemePreviewButton
displayName="Light" displayName="Light"
preview
active={currentTheme === "light"} active={currentTheme === "light"}
theme={themes.light} theme={themes.light}
onSelect={() => onChangeTheme("light")} onSelect={() => onChangeTheme("light")}