Skip to content

Commit aaae086

Browse files
alindtalindt
committed
more...
1 parent 6348b6b commit aaae086

37 files changed

+80
-79
lines changed

‎src/components/AutoCompleteInput.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export const AutoCompleteInput = ({}: Props) => {
4343
<div className={"flex items-center gap-2"}>
4444
<Checkbox></Checkbox>
4545
<div
46-
className={"flex gap-2 items-center text-sm text-nb-gray-200"}
46+
className={"flex gap-2 items-center text-sm text-gray-500 dark:text-nb-gray-200"}
4747
>
4848
<FaWindows className={"text-sky-600 text-lg"} />
4949
Windows

‎src/components/Breadcrumbs.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,12 +36,13 @@ export const Item = ({
3636
>
3737
<ChevronRightIcon
3838
size={16}
39-
className={"text-nb-gray-400 group-first:hidden"}
39+
className={"text-gray-400 dark:text-nb-gray-400 group-first:hidden"}
4040
/>
4141
<div
4242
className={cn(
43-
"flex items-center gap-2.5 text-nb-gray-400 transition-all cursor-pointer",
44-
active ? "text-nb-gray-300" : "hover:text-nb-gray-300",
43+
"flex items-center gap-2.5 text-gray-500 dark:text-nb-gray-400 transition-all",
44+
!active && "cursor-pointer",
45+
active ? "text-gray-700 dark:text-nb-gray-300" : "hover:text-gray-700 dark:hover:text-nb-gray-300",
4546
)}
4647
>
4748
{icon && icon}

‎src/components/CopyToClipboardText.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export default function CopyToClipboardText({
3939
{copied ? (
4040
<CheckIcon
4141
className={cn(
42-
"text-nb-gray-100 group-hover:opacity-100 shrink-0",
42+
"text-gray-500 dark:text-nb-gray-100 group-hover:opacity-100 shrink-0",
4343
iconAlignment === "left" ? "order-first" : "order-last",
4444
!alwaysShowIcon && "opacity-0",
4545
)}
@@ -48,7 +48,7 @@ export default function CopyToClipboardText({
4848
) : (
4949
<CopyIcon
5050
className={cn(
51-
"text-nb-gray-100 group-hover:opacity-100 shrink-0",
51+
"text-gray-500 dark:text-nb-gray-100 group-hover:opacity-100 shrink-0",
5252
iconAlignment === "left" ? "order-first" : "order-last",
5353
!alwaysShowIcon && "opacity-0",
5454
)}

‎src/components/DatePickerWithRange.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -174,8 +174,8 @@ function CalendarButton({ label, onClick, active }: CalendarButtonProps) {
174174
className={cn(
175175
"py-1.5 leading-none px-2.5 rounded-md text-center text-xs transition-all flex gap-2",
176176
active
177-
? "bg-nb-gray-800 text-white"
178-
: "bg-transparent text-nb-gray-300 hover:bg-nb-gray-900 hover:text-nb-gray-100",
177+
? "bg-gray-700 text-white dark:bg-nb-gray-800 dark:text-white"
178+
: "bg-transparent text-gray-500 dark:text-nb-gray-300 hover:bg-gray-100 dark:hover:bg-nb-gray-900 hover:text-gray-700 dark:hover:text-nb-gray-100",
179179
)}
180180
onClick={onClick}
181181
>

‎src/components/InlineLink.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const linkVariants = cva("", {
1515
variants: {
1616
variant: {
1717
default: "text-netbird hover:underline font-normal",
18-
faded: "text-nb-gray-400 hover:text-nb-gray-300 hover:underline",
18+
faded: "text-gray-500 dark:text-nb-gray-400 hover:text-gray-700 dark:hover:text-nb-gray-300 hover:underline",
1919
},
2020
},
2121
});

‎src/components/NetworkRouteSelector.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ export function NetworkRouteSelector({
109109
{value ? (
110110
<div
111111
className={
112-
"flex items-center justify-between text-sm text-white w-full pr-4 pl-1 gap-2"
112+
"flex items-center justify-between text-sm text-gray-700 dark:text-white w-full pr-4 pl-1 gap-2"
113113
}
114114
>
115115
<div className={"flex items-center gap-2.5 text-sm"}>
@@ -195,14 +195,14 @@ export function NetworkRouteSelector({
195195
{dropdownOptions.length == 0 && !notFound && (
196196
<div
197197
className={
198-
"text-center pb-2 text-nb-gray-500 max-w-xs mx-auto"
198+
"text-center pb-2 text-gray-500 dark:text-nb-gray-500 max-w-xs mx-auto"
199199
}
200200
>
201201
{"Seems like you don't have any network routes created yet."}
202202
</div>
203203
)}
204204
{notFound && (
205-
<div className={"text-center pb-2 text-nb-gray-500"}>
205+
<div className={"text-center pb-2 text-gray-500 dark:text-nb-gray-500"}>
206206
There are no networks matching your search.
207207
</div>
208208
)}
@@ -266,7 +266,7 @@ function DomainList({ domains }: { domains?: string[] }) {
266266
>
267267
<div
268268
className={
269-
"text-xs text-nb-gray-300 block min-w-0 truncate max-w-[180px]"
269+
"text-xs text-gray-500 dark:text-nb-gray-300 block min-w-0 truncate max-w-[180px]"
270270
}
271271
>
272272
{firstDomain} {domains.length > 1 && "+" + (domains.length - 1)}

‎src/components/Notification.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ export default function Notification<T>({
8383
<div className={"flex items-center gap-4"}>
8484
<div
8585
className={classNames(
86-
"h-8 w-8 shadow-sm text-white flex items-center justify-center rounded-md shrink-0",
86+
"h-8 w-8 shadow-sm text-white dark:text-white flex items-center justify-center rounded-md shrink-0",
8787
loading
8888
? "bg-nb-gray-900"
8989
: error
@@ -104,7 +104,7 @@ export default function Notification<T>({
104104
<span className={"font-semibold"}>{title}</span>
105105
</p>
106106
<p
107-
className={"text-xs dark:text-nb-gray-300 text-gray-600 mt-0.5"}
107+
className={"text-xs dark:text-nb-gray-300 text-gray-500 mt-0.5"}
108108
>
109109
{loading ? loadingMessage : error ? error : description}
110110
</p>
@@ -117,7 +117,7 @@ export default function Notification<T>({
117117
>
118118
<div
119119
className={
120-
"p-2 hover:bg-nb-gray-900 rounded-md opacity-50 group-hover:opacity-100"
120+
"p-2 hover:bg-gray-100 dark:hover:bg-nb-gray-900 rounded-md opacity-50 group-hover:opacity-100"
121121
}
122122
>
123123
<XIcon size={16} />

‎src/components/PeerGroupSelector.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -330,7 +330,7 @@ export function PeerGroupSelector({
330330
<div className={"pl-2"} data-cy={"group-selector-open-close"}>
331331
<ChevronsUpDown
332332
size={18}
333-
className={"shrink-0 group-hover:text-nb-gray-300 transition-all"}
333+
className={"shrink-0 text-gray-400 dark:text-nb-gray-400 group-hover:text-gray-600 dark:group-hover:text-nb-gray-300 transition-all"}
334334
/>
335335
</div>
336336
</button>
@@ -385,7 +385,7 @@ export function PeerGroupSelector({
385385
>
386386
<div
387387
className={
388-
"flex items-center bg-gray-200 border-gray-300 text-gray-700 dark:bg-nb-gray-800 dark:border-nb-gray-500 dark:text-nb-gray-300 py-1 px-1.5 rounded-[4px] border"
388+
"flex items-center bg-gray-100 dark:bg-nb-gray-800 py-1 px-1.5 rounded-[4px] border border-gray-300 dark:border-nb-gray-500"
389389
}
390390
>
391391
<IconArrowBack size={10} />

‎src/components/PeerSelector.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@ export function PeerSelector({
114114
{value ? (
115115
<div
116116
className={
117-
"flex items-center justify-between text-sm text-white w-full pr-4 pl-1"
117+
"flex items-center justify-between text-sm text-gray-700 dark:text-white w-full pr-4 pl-1"
118118
}
119119
>
120120
<div className={"flex items-center gap-2.5 text-sm"}>
@@ -205,8 +205,8 @@ export function PeerSelector({
205205
className={cn(
206206
"flex items-center gap-2.5 text-sm",
207207
value && value.id == option.id
208-
? "text-white"
209-
: "text-nb-gray-300",
208+
? "text-gray-700 dark:text-white"
209+
: "text-gray-600 dark:text-nb-gray-300",
210210
)}
211211
>
212212
<div
@@ -244,8 +244,8 @@ export function PeerSelector({
244244
className={cn(
245245
"font-medium flex items-center gap-1 font-mono text-[10px]",
246246
value && value.id == option.id
247-
? "text-white"
248-
: "text-nb-gray-300",
247+
? "text-gray-700 dark:text-white"
248+
: "text-gray-500 dark:text-nb-gray-300",
249249
!isSupported && "opacity-50",
250250
)}
251251
>

‎src/components/Steps.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ const Step = ({
5656
className={cn(
5757
"h-[34px] w-[34px] shrink-0 rounded-full flex items-center justify-center font-medium text-xs relative z-0 border-4 transition-all",
5858
"dark:bg-nb-gray-900 dark:text-nb-gray-400 dark:border-nb-gray dark:group-hover:bg-nb-gray-800",
59-
"bg-nb-gray-100 text-nb-gray-400 border-white group-hover:bg-nb-gray-200 step-circle",
59+
"bg-gray-100 text-gray-500 dark:text-nb-gray-400 border-white group-hover:bg-gray-200 step-circle",
6060
)}
6161
>
6262
{step}

0 commit comments

Comments
 (0)