diff --git a/renderer/components/timelines/status/Status.tsx b/renderer/components/timelines/status/Status.tsx
index 3c8fd6dd..73e39c79 100644
--- a/renderer/components/timelines/status/Status.tsx
+++ b/renderer/components/timelines/status/Status.tsx
@@ -79,7 +79,7 @@ export default function Status(props: Props) {
props.filters.map(f => f.phrase).filter(keyword => props.status.content.toLowerCase().includes(keyword.toLowerCase())).length > 0
) {
return (
-
+
setIgnoreFilter(true)}>
diff --git a/renderer/pages/_app.tsx b/renderer/pages/_app.tsx
index 6f920cf1..9579946c 100644
--- a/renderer/pages/_app.tsx
+++ b/renderer/pages/_app.tsx
@@ -13,7 +13,10 @@ export default function MyApp({ Component, pageProps }: AppProps) {
popover: {
styles: {
base: {
- p: 'p-0'
+ bg: 'bg-white dark:bg-gray-900',
+ p: 'p-0',
+ border: 'border border-blue-gray-50 dark:border-blue-gray-800',
+ boxShadow: 'shadow-lg shadow-blue-gray-500/10 dark:shadow-blue-gray-200/10'
}
}
},
@@ -23,8 +26,12 @@ export default function MyApp({ Component, pageProps }: AppProps) {
outlined: {
base: {
input: {
+ borderWidth: 'placeholder-shown:border dark:placeholder-shown:border',
+ borderColor:
+ 'placeholder-shown:border-blue-gray-200 placeholder-shown:border-t-blue-gray-200 dark:placeholder-shown:border-blue-gray-700 dark:placeholder-shown:border-t-blue-gray-700',
floated: {
- borderWidth: 'border focus:border'
+ borderWidth: 'border focus:border dark:focus:border',
+ borderColor: 'border-t-transparent focus:border-t-transparent dark:border-t-transparent dark:focus:border-t-transparent'
}
},
label: {
@@ -41,6 +48,15 @@ export default function MyApp({ Component, pageProps }: AppProps) {
}
}
}
+ },
+ colors: {
+ input: {
+ 'blue-gray': {
+ color: 'text-blue-gray-900 dark:text-white',
+ borderColor: 'border-blue-gray-200',
+ borderColorFocused: 'focus:border-blue-gray-500 dark:focus:border-blue-gray-500'
+ }
+ }
}
}
}
@@ -52,8 +68,12 @@ export default function MyApp({ Component, pageProps }: AppProps) {
outlined: {
base: {
textarea: {
+ borderWidth: 'placeholder-shown:border dark:placeholder-shown:border',
+ borderColor:
+ 'placeholder-shown:border-blue-gray-200 placeholder-shown:border-t-blue-gray-200 dark:placeholder-shown:border-blue-gray-700 dark:placeholder-shown:border-t-blue-gray-700',
floated: {
- borderWidth: 'border focus:border'
+ borderWidth: 'border focus:border dark:focus:border',
+ borderColor: 'border-t-transparent focus:border-t-transparent dark:border-t-transparent dark:focus:border-t-transparent'
}
},
label: {
@@ -70,6 +90,15 @@ export default function MyApp({ Component, pageProps }: AppProps) {
}
}
}
+ },
+ colors: {
+ textarea: {
+ 'blue-gray': {
+ color: 'text-blue-gray-900 dark:text-white',
+ borderColor: 'border-blue-gray-200',
+ borderColorFocused: 'focus:border-blue-gray-500 dark:focus:border-blue-gray-500'
+ }
+ }
}
}
}
@@ -77,6 +106,15 @@ export default function MyApp({ Component, pageProps }: AppProps) {
},
select: {
styles: {
+ base: {
+ select: {
+ color: 'text-blue-gray-700 dark:text-blue-gray-200'
+ },
+ menu: {
+ bg: 'bg-white dark:bg-gray-900',
+ border: 'border border-blue-gray-50 dark:border-blue-gray-800'
+ }
+ },
variants: {
outlined: {
states: {
@@ -99,6 +137,235 @@ export default function MyApp({ Component, pageProps }: AppProps) {
}
}
}
+ },
+ radio: {
+ styles: {
+ base: {
+ label: {
+ color: 'text-gray-700 dark:text-gray-400'
+ }
+ }
+ }
+ },
+ dialog: {
+ styles: {
+ base: {
+ container: {
+ bg: 'bg-white dark:bg-gray-900',
+ color: 'text-blue-gray-500 dark:text-blue-gray-400'
+ }
+ }
+ }
+ },
+ dialogHeader: {
+ styles: {
+ base: {
+ color: 'text-blue-gray-900 dark:text-blue-gray-100'
+ }
+ }
+ },
+ dialogBody: {
+ defaultProps: {
+ className: '',
+ divider: false
+ },
+ styles: {
+ base: {
+ initial: {
+ color: 'text-blue-gray-500 dark:text-blue-gray-300'
+ }
+ }
+ }
+ },
+ list: {
+ styles: {
+ base: {
+ list: {
+ color: 'text-blue-gray-700 dark:text-blue-gray-300'
+ },
+ item: {
+ selected: {
+ color: 'text-blue-gray-700 dark:text-blue-gray-900'
+ }
+ }
+ }
+ }
+ },
+ button: {
+ styles: {
+ variants: {
+ outlined: {
+ white: {
+ focus: 'focus:ring-0'
+ },
+ 'blue-gray': {
+ focus: 'focus:ring-0'
+ },
+ gray: {
+ focus: 'focus:ring-0'
+ },
+ brown: {
+ focus: 'focus:ring-0'
+ },
+ 'deep-orange': {
+ focus: 'focus:ring-0'
+ },
+ orange: {
+ focus: 'focus:ring-0'
+ },
+ amber: {
+ focus: 'focus:ring-0'
+ },
+ yellow: {
+ focus: 'focus:ring-0'
+ },
+ lime: {
+ focus: 'focus:ring-0'
+ },
+ 'light-green': {
+ focus: 'focus:ring-0'
+ },
+ green: {
+ focus: 'focus:ring-0'
+ },
+ teal: {
+ focus: 'focus:ring-0'
+ },
+ cyan: {
+ focus: 'focus:ring-0'
+ },
+ 'light-blue': {
+ focus: 'focus:ring-0'
+ },
+ blue: {
+ focus: 'focus:ring-0'
+ },
+ indigo: {
+ focus: 'focus:ring-0'
+ },
+ 'deep-purple': {
+ focus: 'focus:ring-0'
+ },
+ purple: {
+ focus: 'focus:ring-0'
+ },
+ pink: {
+ focus: 'focus:ring-0'
+ },
+ red: {
+ focus: 'focus:ring-0'
+ }
+ }
+ }
+ }
+ },
+ iconButton: {
+ styles: {
+ variants: {
+ outlined: {
+ white: {
+ focus: 'focus:ring-0'
+ },
+ 'blue-gray': {
+ focus: 'focus:ring-0'
+ },
+ gray: {
+ focus: 'focus:ring-0'
+ },
+ brown: {
+ focus: 'focus:ring-0'
+ },
+ 'deep-orange': {
+ focus: 'focus:ring-0'
+ },
+ orange: {
+ focus: 'focus:ring-0'
+ },
+ amber: {
+ focus: 'focus:ring-0'
+ },
+ yellow: {
+ focus: 'focus:ring-0'
+ },
+ lime: {
+ focus: 'focus:ring-0'
+ },
+ 'light-green': {
+ focus: 'focus:ring-0'
+ },
+ green: {
+ focus: 'focus:ring-0'
+ },
+ teal: {
+ focus: 'focus:ring-0'
+ },
+ cyan: {
+ focus: 'focus:ring-0'
+ },
+ 'light-blue': {
+ focus: 'focus:ring-0'
+ },
+ blue: {
+ focus: 'focus:ring-0'
+ },
+ indigo: {
+ focus: 'focus:ring-0'
+ },
+ 'deep-purple': {
+ focus: 'focus:ring-0'
+ },
+ purple: {
+ focus: 'focus:ring-0'
+ },
+ pink: {
+ focus: 'focus:ring-0'
+ },
+ red: {
+ focus: 'focus:ring-0'
+ }
+ }
+ }
+ }
+ },
+ progress: {
+ styles: {
+ base: {
+ container: {
+ initial: {
+ bg: 'bg-blue-gray-50 dark:bg-blue-gray-800'
+ }
+ }
+ }
+ }
+ },
+ tabsHeader: {
+ defaultProps: {
+ className: ''
+ },
+ styles: {
+ base: {
+ bg: 'bg-blue-gray-50 dark:bg-blue-gray-800'
+ }
+ }
+ },
+ tab: {
+ defaultProps: {
+ className: '',
+ activeClassName: '',
+ disabled: false
+ },
+ styles: {
+ base: {
+ tab: {
+ initial: {
+ color: 'text-blue-gray-900 dark:text-blue-gray-200'
+ }
+ },
+ indicator: {
+ bg: 'bg-white dark:bg-gray-700'
+ }
+ }
+ }
}
}