Skip to content

Commit b5a1402

Browse files
ericallamericallam
committed
do some light mode stuff
1 parent 9caff5a commit b5a1402

File tree

53 files changed

+141
-127
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+141
-127
lines changed

‎apps/webapp/app/components/AskAI.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -538,7 +538,7 @@ function GradientSpinnerBackground({
538538
>
539539
<div
540540
className={`flex h-full w-full items-center justify-center rounded-full bg-charcoal-600 ${
541-
hoverEffect ? "transition group-hover:bg-charcoal-550" : ""
541+
hoverEffect ? "transition group-hover:bg-secondary" : ""
542542
}`}
543543
>
544544
{children}

‎apps/webapp/app/components/BlankStatePanels.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -269,7 +269,7 @@ export function DeploymentsNoneDev() {
269269
organization={organization}
270270
project={project}
271271
environment={environment}
272-
className="w-fit border border-charcoal-600 bg-secondary hover:border-charcoal-550 hover:bg-charcoal-600"
272+
className="w-fit border border-charcoal-600 bg-secondary hover:border-charcoal-550 hover:bg-secondary"
273273
/>
274274
</StepContentContainer>
275275
</>

‎apps/webapp/app/components/code/ChartConfigPanel.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -374,7 +374,7 @@ export function ChartConfigPanel({ columns, config, onChange, className }: Chart
374374
const newColumns = config.yAxisColumns.filter((_, i) => i !== index);
375375
updateConfig({ yAxisColumns: newColumns });
376376
}}
377-
className="rounded p-1 text-text-dimmed hover:bg-charcoal-700 hover:text-text-bright"
377+
className="rounded p-1 text-text-dimmed hover:bg-hover-bright hover:text-text-bright"
378378
title="Remove series"
379379
>
380380
<XIcon className="h-3.5 w-3.5" />
@@ -400,7 +400,7 @@ export function ChartConfigPanel({ columns, config, onChange, className }: Chart
400400
});
401401
}
402402
}}
403-
className="flex items-center gap-1 self-start rounded px-1 py-0.5 text-xs text-text-dimmed hover:bg-charcoal-700 hover:text-text-bright"
403+
className="flex items-center gap-1 self-start rounded px-1 py-0.5 text-xs text-text-dimmed hover:bg-hover-bright hover:text-text-bright"
404404
>
405405
<Plus className="h-3 w-3" />
406406
Add series
@@ -546,7 +546,7 @@ function SortDirectionToggle({
546546
"rounded px-2 py-1 text-xs transition-colors",
547547
direction === "asc"
548548
? "bg-charcoal-700 text-text-bright"
549-
: "text-text-dimmed hover:bg-charcoal-800 hover:text-text-bright"
549+
: "text-text-dimmed hover:bg-hover hover:text-text-bright"
550550
)}
551551
title="Ascending"
552552
>
@@ -559,7 +559,7 @@ function SortDirectionToggle({
559559
"rounded px-2 py-1 text-xs transition-colors",
560560
direction === "desc"
561561
? "bg-charcoal-700 text-text-bright"
562-
: "text-text-dimmed hover:bg-charcoal-800 hover:text-text-bright"
562+
: "text-text-dimmed hover:bg-hover hover:text-text-bright"
563563
)}
564564
title="Descending"
565565
>

‎apps/webapp/app/components/code/InlineCode.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { cn } from "~/utils/cn";
22

33
const inlineCode =
4-
"px-1 py-0.5 rounded border border-charcoal-700 bg-charcoal-800 text-charcoal-200 font-mono text-wrap";
4+
"px-1 py-0.5 rounded border border-grid-bright bg-tertiary text-text-bright font-mono text-wrap";
55

66
const variants = {
77
"extra-extra-small": "text-xxs",

‎apps/webapp/app/components/code/TSQLResultsTable.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -738,7 +738,7 @@ function CopyableCell({
738738
"flex size-6 items-center justify-center rounded border border-charcoal-650 bg-charcoal-750",
739739
copied
740740
? "text-green-500"
741-
: "text-text-dimmed hover:border-charcoal-600 hover:bg-charcoal-700 hover:text-text-bright"
741+
: "text-text-dimmed hover:border-charcoal-600 hover:bg-hover-bright hover:text-text-bright"
742742
)}
743743
>
744744
{copied ? (
@@ -831,7 +831,7 @@ function HeaderCellContent({
831831
e.stopPropagation();
832832
onFilterClick();
833833
}}
834-
className="flex-shrink-0 rounded text-text-dimmed transition-colors hover:bg-charcoal-700 hover:text-text-bright"
834+
className="flex-shrink-0 rounded text-text-dimmed transition-colors hover:bg-hover-bright hover:text-text-bright"
835835
title="Toggle column filters"
836836
>
837837
<FunnelIcon className="size-3" />
@@ -1147,7 +1147,7 @@ export const TSQLResultsTable = memo(function TSQLResultsTable({
11471147
<tr
11481148
key={row.id}
11491149
data-index={virtualRow.index}
1150-
className="group/row hover:bg-charcoal-800"
1150+
className="group/row hover:bg-hover"
11511151
style={{
11521152
display: "flex",
11531153
position: "absolute",

‎apps/webapp/app/components/logs/LogsSearchInput.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ export function LogsSearchInput() {
9696
<button
9797
type="button"
9898
onClick={handleClear}
99-
className="flex size-6 items-center justify-center rounded text-text-dimmed hover:bg-charcoal-700 hover:text-text-bright"
99+
className="flex size-6 items-center justify-center rounded text-text-dimmed hover:bg-hover-bright hover:text-text-bright"
100100
title="Clear search"
101101
>
102102
<XMarkIcon className="size-4" />

‎apps/webapp/app/components/logs/LogsTable.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@ export function LogsTable({
149149
key={log.id}
150150
className={cn(
151151
"cursor-pointer transition-colors",
152-
isSelected ? "bg-charcoal-750" : "hover:bg-charcoal-850"
152+
isSelected ? "bg-hover" : "hover:bg-hover"
153153
)}
154154
isSelected={isSelected}
155155
>

‎apps/webapp/app/components/navigation/EnvironmentSelector.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export function EnvironmentSelector({
5757
button={
5858
<PopoverTrigger
5959
className={cn(
60-
"group flex h-8 items-center rounded pl-[0.4375rem] transition-colors hover:bg-charcoal-750",
60+
"group flex h-8 items-center rounded pl-[0.4375rem] transition-colors hover:bg-hover",
6161
isCollapsed ? "justify-center pr-0.5" : "justify-between pr-1",
6262
className
6363
)}
@@ -230,7 +230,7 @@ function Branches({
230230
<PopoverTrigger className="w-full justify-between overflow-hidden focus-custom">
231231
<ButtonContent
232232
variant="small-menu-item"
233-
className="hover:bg-charcoal-750"
233+
className="hover:bg-hover"
234234
TrailingIcon={ChevronRightIcon}
235235
trailingIconClassName="text-text-dimmed"
236236
textAlignLeft

‎apps/webapp/app/components/navigation/HelpAndFeedbackPopover.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ export function HelpAndFeedback({
5959
button={
6060
<PopoverTrigger
6161
className={cn(
62-
"group flex h-8 items-center gap-1.5 rounded pl-[0.4375rem] pr-2 transition-colors hover:bg-charcoal-750",
62+
"group flex h-8 items-center gap-1.5 rounded pl-[0.4375rem] pr-2 transition-colors hover:bg-hover",
6363
isCollapsed ? "w-full" : "w-full justify-between"
6464
)}
6565
>

‎apps/webapp/app/components/navigation/SideMenu.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -584,7 +584,7 @@ function ProjectSelector({
584584
button={
585585
<PopoverTrigger
586586
className={cn(
587-
"group flex h-8 items-center rounded pl-[0.4375rem] transition-colors hover:bg-charcoal-750",
587+
"group flex h-8 items-center rounded pl-[0.4375rem] transition-colors hover:bg-hover",
588588
isCollapsed ? "justify-center pr-0.5" : "w-full justify-between pr-1"
589589
)}
590590
>
@@ -780,7 +780,7 @@ function SwitchOrganizations({
780780
<PopoverTrigger className="w-full justify-between overflow-hidden focus-custom">
781781
<ButtonContent
782782
variant="small-menu-item"
783-
className="hover:bg-charcoal-750"
783+
className="hover:bg-hover"
784784
LeadingIcon={ArrowPathRoundedSquareIcon}
785785
leadingIconClassName="text-text-dimmed"
786786
TrailingIcon={ChevronRightIcon}
@@ -1010,7 +1010,7 @@ function CollapseToggle({
10101010
className={cn(
10111011
"group flex h-12 w-6 items-center justify-center rounded-md text-text-dimmed transition-all duration-200 focus-custom",
10121012
isHovering
1013-
? "border border-grid-bright bg-background-bright shadow-md hover:bg-charcoal-750 hover:text-text-bright"
1013+
? "border border-grid-bright bg-background-bright shadow-md hover:bg-hover hover:text-text-bright"
10141014
: "border border-transparent bg-transparent"
10151015
)}
10161016
>

0 commit comments

Comments
 (0)