fix: use theme-modifiable colors (#658)

This commit is contained in:
Gorjan Petrovski
2021-09-29 18:08:43 +02:00
committed by GitHub
parent e72d737220
commit 091842555f
13 changed files with 36 additions and 25 deletions

View File

@@ -15,7 +15,7 @@ export const Text: FunctionComponent<{ className?: string }> = ({
const buttonClasses = `block bg-default color-text rounded border-solid \
border-1 border-gray-300 px-4 py-1.75 font-bold text-sm fit-content \
focus:bg-contrast hover:bg-contrast `;
focus:bg-contrast hover:bg-contrast border-neutral`;
export const LinkButton: FunctionComponent<{
label: string;

View File

@@ -15,7 +15,7 @@ export const MenuItem: FunctionComponent<Props> = ({
onClick,
}) => (
<div
className={`preferences-menu-item ${selected ? 'selected' : ''}`}
className={`preferences-menu-item select-none ${selected ? 'selected' : ''}`}
onClick={(e) => {
e.preventDefault();
onClick();

View File

@@ -1,7 +1,7 @@
import { FunctionComponent } from 'preact';
export const PreferencesPane: FunctionComponent = ({ children }) => (
<div className="color-black flex-grow flex flex-row overflow-y-auto min-h-0">
<div className="color-foreground flex-grow flex flex-row overflow-y-auto min-h-0">
<div className="flex-grow flex flex-col py-6 items-center">
<div className="w-125 max-w-125 flex flex-col">
{children != undefined && Array.isArray(children)