dark-theme-styles.tsx

// Styling presets for dark mode, defined by agregating styling classes
export const DarkClasses = {
  button:
    'dark:bg-sidebar-btn-dark dark:border-sidebar-border-dark hover:dark:bg-opacity-40 dark:text-sidebar-text-dark',
  buttonAffected: 'dark:bg-sidebar-btn-dark hover:dark:bg-red-900/[.05]',
  input:
    'dark:text-sidebar-text-dark dark:bg-sidebar-btn-dark/[0.5] dark:border-sidebar-border-dark',
};