jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-26 07:46:06 -05:00
Code Issues Activity

fix unnoticeable background color bug in dark mode

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-05 14:50:29 -05:00
parent ca7d21b3d2
commit 42a7ff1bdc
26 changed files with 118 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/CodeBlock/CodeBlock.module.css
View File

@@ -7,6 +7,7 @@
background-color: var(--code-background);
border: 1px solid var(--kinda-light);
border-radius: var(--rounded-edge-radius);
/* light-dark theme switch fading */
transition: background 0.25s ease, border 0.25s ease;
}
@@ -32,6 +33,7 @@
border: 1px solid var(--kinda-light);
border-top-right-radius: var(--rounded-edge-radius);
border-end-start-radius: var(--rounded-edge-radius);
/* light-dark theme switch fading */
transition: background 0.25s ease, border 0.25s ease;
}

6
components/CodeBlock/CodeBlock.tsx
View File

@@ -1,12 +1,10 @@
import classNames from "classnames";
import CopyButton from "../CopyButton/CopyButton";
import type { PropsWithChildren } from "react";
import type { HTMLAttributes } from "react";
import styles from "./CodeBlock.module.css";
type Props = PropsWithChildren<{
className?: string;
}>;
type Props = HTMLAttributes<HTMLElement>;
const CodeBlock = ({ children, className, ...rest }: Props) => {
if (className?.split(" ").includes("code-highlight")) {