...and more

alindt · alindt · commit 695dbc68b693 · 2025-04-15T02:24:44.000+02:00
diff --git a/src/app/(dashboard)/dns/settings/page.tsx b/src/app/(dashboard)/dns/settings/page.tsx
@@ -128,7 +128,7 @@ const SettingDisabledManagementGroups = ({
       </div>
       <div
         className={
-          "flex justify-end bg-nb-gray-900/20 border-t border-nb-gray-900 px-8 py-5"
+          "flex justify-end bg-gray-50 dark:bg-nb-gray-900/20 border-t border-gray-200 dark:border-nb-gray-900 px-8 py-5"
         }
       >
         <Button
diff --git a/src/components/FancyToggleSwitch.tsx b/src/components/FancyToggleSwitch.tsx
@@ -20,13 +20,13 @@ export const fancyToggleSwitchVariants = cva([], {
     {
       variant: "default",
       state: true,
-      className: ["border-nb-gray-800 bg-nb-gray-900/70"],
+      className: ["border-gray-300 bg-gray-100 dark:border-nb-gray-800 dark:bg-nb-gray-900/70"],
     },
     {
       variant: "default",
       state: false,
       className: [
-        "border-nb-gray-910 bg-nb-gray-900/30 hover:bg-nb-gray-900/40",
+        "border-gray-200 bg-gray-50 hover:bg-gray-100 dark:border-nb-gray-910 dark:bg-nb-gray-900/30 dark:hover:bg-nb-gray-900/40",
       ],
     },
   ],
diff --git a/src/components/ui/UserAvatar.tsx b/src/components/ui/UserAvatar.tsx
@@ -24,7 +24,7 @@ export const UserAvatar = ({ size = "default" }: Props) => {
   ) : (
     <div
       className={cn(
-        "rounded-full flex items-center justify-center bg-nb-gray-900 text-netbird uppercase",
+        "rounded-full flex items-center justify-center bg-gray-200 dark:bg-nb-gray-900 text-gray-700 dark:text-netbird uppercase",
         size == "small" && "w-8 h-8",
         size == "default" && "w-10 h-10",
         size == "large" && "w-12 h-12",
diff --git a/src/layouts/AppLayout.tsx b/src/layouts/AppLayout.tsx
@@ -33,7 +33,7 @@ export const viewport: Viewport = {
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <body className={cn(inter.className, "bg-white dark:bg-nb-gray transition-colors")}>
+      <body className={cn(inter.className, "bg-white dark:bg-nb-gray-950 transition-colors")}>
         <AnalyticsProvider>
           <DialogProvider>
             <GlobalThemeProvider>
diff --git a/src/modules/users/table-cells/ServiceUserNameCell.tsx b/src/modules/users/table-cells/ServiceUserNameCell.tsx
@@ -12,7 +12,7 @@ export default function ServiceUserNameCell({ user }: Props) {
     <div className={cn("flex gap-4 px-2 py-1 items-center")}>
       <div
         className={
-          "w-8 h-8 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-nb-gray-900"
+          "w-8 h-8 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-gray-500 dark:bg-nb-gray-900"
         }
       >
         <IconSettings2 size={14} />
diff --git a/src/modules/users/table-cells/UserNameCell.tsx b/src/modules/users/table-cells/UserNameCell.tsx
@@ -17,7 +17,7 @@ export default function UserNameCell({ user }: Props) {
     >
       <div
         className={
-          "w-10 h-10 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-nb-gray-900"
+          "w-10 h-10 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-gray-500 dark:bg-nb-gray-900"
         }
         style={{
           color: user?.name

Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ const SettingDisabledManagementGroups = ({`
`128`	`128`	`</div>`
`129`	`129`	`<div`
`130`	`130`	`className={`
`131`		`- "flex justify-end bg-nb-gray-900/20 border-t border-nb-gray-900 px-8 py-5"`
	`131`	`+ "flex justify-end bg-gray-50 dark:bg-nb-gray-900/20 border-t border-gray-200 dark:border-nb-gray-900 px-8 py-5"`
`132`	`132`	`}`
`133`	`133`	`>`
`134`	`134`	`<Button`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export default function ServiceUserNameCell({ user }: Props) {`
`12`	`12`	`<div className={cn("flex gap-4 px-2 py-1 items-center")}>`
`13`	`13`	`<div`
`14`	`14`	`className={`
`15`		`- "w-8 h-8 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-nb-gray-900"`
	`15`	`+ "w-8 h-8 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-gray-500 dark:bg-nb-gray-900"`
`16`	`16`	`}`
`17`	`17`	`>`
`18`	`18`	`<IconSettings2 size={14} />`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ export default function UserNameCell({ user }: Props) {`
`17`	`17`	`>`
`18`	`18`	`<div`
`19`	`19`	`className={`
`20`		`- "w-10 h-10 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-nb-gray-900"`
	`20`	`+ "w-10 h-10 rounded-full relative flex items-center justify-center text-white uppercase text-md font-medium bg-gray-500 dark:bg-nb-gray-900"`
`21`	`21`	`}`
`22`	`22`	`style={{`
`23`	`23`	`color: user?.name`