adam/vscode-front-matter
1
0
Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-07-04 00:41:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

#505 - Align to theme colors WIP

Browse Source
This commit is contained in:
Elio Struyf
2023-02-06 18:26:11 +01:00
parent baed139cc6
commit c843e74077
35 changed files with 1181 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboardWebView/components/TaxonomyView/TaxonomyManager.tsx
+8 -1
View File
@@ -10,6 +10,7 @@ import { SettingsSelector } from '../../state';
import { getTaxonomyField } from '../../../helpers/getTaxonomyField';
import { TaxonomyActions } from './TaxonomyActions';
import { TaxonomyLookup } from './TaxonomyLookup';
import useThemeColors from '../../hooks/useThemeColors';
export interface ITaxonomyManagerProps {
data: TaxonomyData | undefined;
@@ -23,6 +24,7 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
pages
}: React.PropsWithChildren<ITaxonomyManagerProps>) => {
const settings = useRecoilValue(SettingsSelector);
const { getColors } = useThemeColors();
const onCreate = () => {
Messenger.send(DashboardMessage.createTaxonomy, {
@@ -113,7 +115,12 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
</div>
<div>
<button
className={`inline-flex items-center px-3 py-1 border border-transparent text-xs leading-4 font-medium text-white dark:text-vulcan-500 bg-teal-600 hover:bg-teal-700 focus:outline-none disabled:bg-gray-500`}
className={`inline-flex items-center px-3 py-1 border border-transparent text-xs leading-4 font-medium focus:outline-none ${
getColors(
`text-white dark:text-vulcan-500 bg-teal-600 hover:bg-teal-700 disabled:bg-gray-500`,
`text-[var(--vscode-button-foreground)] bg-[var(--vscode-button-background)] hover:bg-[var(--vscode-button-hoverBackground)] disabled:opacity-50`
)
}`}
title={`Create a new ${taxonomy} value`}
onClick={onCreate}
>