ui dark mode enhancements

This commit is contained in:
Stijnus
2025-01-22 14:34:30 +01:00
parent 723c6a4f02
commit 2b585c24fe
6 changed files with 201 additions and 40 deletions

View File

@@ -280,7 +280,13 @@ const LocalProvidersTab = () => {
{provider.name === 'Ollama' && provider.settings.enabled && (
<motion.button
onClick={() => setShowOllamaUpdater(true)}
className={classNames(settingsStyles.button.base, settingsStyles.button.secondary, 'ml-2')}
className={classNames(
settingsStyles.button.base,
settingsStyles.button.secondary,
'ml-2',
'hover:bg-purple-500/10 hover:text-purple-500',
'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20 dark:text-bolt-elements-textPrimary dark:hover:text-purple-500',
)}
whileHover={{ scale: 1.02 }}
whileTap={{ scale: 0.98 }}
>

View File

@@ -218,7 +218,12 @@ export default function OllamaModelUpdater() {
<motion.button
onClick={handleBulkUpdate}
disabled={isBulkUpdating}
className={classNames(settingsStyles.button.base, settingsStyles.button.primary)}
className={classNames(
settingsStyles.button.base,
settingsStyles.button.primary,
'hover:bg-purple-500/10 hover:text-purple-500',
'dark:hover:bg-purple-500/20 dark:hover:text-purple-500',
)}
whileHover={{ scale: 1.02 }}
whileTap={{ scale: 0.98 }}
>
@@ -280,7 +285,12 @@ export default function OllamaModelUpdater() {
<motion.button
onClick={() => handleSingleUpdate(model.name)}
disabled={model.status === 'updating'}
className={classNames(settingsStyles.button.base, settingsStyles.button.secondary)}
className={classNames(
settingsStyles.button.base,
settingsStyles.button.secondary,
'hover:bg-purple-500/10 hover:text-purple-500',
'dark:bg-[#1A1A1A] dark:hover:bg-purple-500/20 dark:text-bolt-elements-textPrimary dark:hover:text-purple-500',
)}
whileHover={{ scale: 1.02 }}
whileTap={{ scale: 0.98 }}
>