diff --git a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png
index c71cd6e9ae98c4f2d0cfae7cd38fadad0f281d4b..bf4a7ada07d978e22e4b8c9df175b68e87ce7351 100644
Binary files a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-renders-the-summary-information-available-funds-overspent-budgeted-and-for-next-month-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png
index b208341ad674033f48179bbf069799b11cd032ab..f78d7062d7c59ce23237cc7026cc3927acb5d872 100644
Binary files a/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png and b/packages/desktop-client/e2e/budget.test.js-snapshots/Budget-transfer-funds-to-another-category-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png b/packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png
index a7a17f6d1c4433a48b213f8c00beacc6da1b79d9..4ac36791ac107c7087a25023cfa1651d2a316408 100644
Binary files a/packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png and b/packages/desktop-client/e2e/mobile.test.js-snapshots/Mobile-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png
index ccfa191c10e2cc1015623617e4a45a6b24dfd897..999ecf4a0da732f3dcc58668c82d08bf80541ac5 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-checks-the-page-visuals-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png
index bb4ec510d819f7dc3b0c2f38fdfc4f06196244a4..803866aea07934232f27d7086497d65afb99ca98 100644
Binary files a/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png and b/packages/desktop-client/e2e/rules.test.js-snapshots/Rules-creates-a-rule-and-makes-sure-it-is-applied-when-creating-a-transaction-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png
index 9c8cd497cf499f436b8b0029c484f88c7b83dccf..9d4020aca1f00f9f5794446dbe29f3f2f8cb4548 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-2-chromium-linux.png differ
diff --git a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-4-chromium-linux.png b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-4-chromium-linux.png
index 114f554ada2229477122cc1c164c4e580ba506a2..4aa4ae4c06d6748c735d838d038665757a665523 100644
Binary files a/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-4-chromium-linux.png and b/packages/desktop-client/e2e/transactions.test.js-snapshots/Transactions-filters-transactions-by-category-4-chromium-linux.png differ
diff --git a/packages/desktop-client/src/components/NotesButton.tsx b/packages/desktop-client/src/components/NotesButton.tsx
index fb2770d84008a4062bca7b747a61cc91449b410f..366f7c2ea998765e23b08789113c388cd135a665 100644
--- a/packages/desktop-client/src/components/NotesButton.tsx
+++ b/packages/desktop-client/src/components/NotesButton.tsx
@@ -145,7 +145,7 @@ export default function NotesButton({
id,
width = 12,
height = 12,
- defaultColor = theme.pageBackgroundModalActive,
+ defaultColor = theme.buttonNormalText,
tooltipPosition,
style,
}: NotesButtonProps) {
diff --git a/packages/desktop-client/src/components/budget/SidebarCategory.tsx b/packages/desktop-client/src/components/budget/SidebarCategory.tsx
index cf0559b33476a682cdd718887275977d29f11eab..622b9869b675d3d19741c23ef6b1f23d6a9f9159 100644
--- a/packages/desktop-client/src/components/budget/SidebarCategory.tsx
+++ b/packages/desktop-client/src/components/budget/SidebarCategory.tsx
@@ -66,6 +66,7 @@ function SidebarCategory({
<View style={{ flexShrink: 0, marginLeft: 5 }}>
<Button
type="bare"
+ className="hover-visible"
onClick={e => {
e.stopPropagation();
setMenuOpen(true);
@@ -112,6 +113,7 @@ function SidebarCategory({
<NotesButton
id={category.id}
style={dragging && { color: 'currentColor' }}
+ defaultColor={theme.pageTextLight}
/>
</View>
);
@@ -121,10 +123,15 @@ function SidebarCategory({
innerRef={innerRef}
style={{
width: 200,
- '& button': { display: 'none' },
+ overflow: 'hidden',
+ '& .hover-visible': {
+ display: 'none',
+ },
...(!dragging &&
!dragPreview && {
- '&:hover button': { display: 'flex', color: theme.tableTextHover },
+ '&:hover .hover-visible': {
+ display: 'flex',
+ },
}),
...(dragging && { color: theme.formInputTextPlaceholderSelected }),
// The zIndex here forces the the view on top of a row below
diff --git a/packages/desktop-client/src/components/budget/SidebarGroup.tsx b/packages/desktop-client/src/components/budget/SidebarGroup.tsx
index ec839b62a15bf1a95d04e23c5b94c7f9ebd12dc4..a7a9a8ed1209475f2807139dc637dd3cc1530d0c 100644
--- a/packages/desktop-client/src/components/budget/SidebarGroup.tsx
+++ b/packages/desktop-client/src/components/budget/SidebarGroup.tsx
@@ -95,6 +95,7 @@ function SidebarGroup({
<View style={{ marginLeft: 5, flexShrink: 0 }}>
<Button
type="bare"
+ className="hover-visible"
onClick={e => {
e.stopPropagation();
setMenuOpen(true);
@@ -137,7 +138,11 @@ function SidebarGroup({
)}
</View>
<View style={{ flex: 1 }} />
- <NotesButton id={group.id} />
+ <NotesButton
+ id={group.id}
+ style={dragPreview && { color: 'currentColor' }}
+ defaultColor={theme.pageTextLight}
+ />
</>
)}
</View>
@@ -150,8 +155,15 @@ function SidebarGroup({
...style,
width: 200,
backgroundColor: theme.tableRowHeaderBackground,
- '& button': { display: 'none' },
- '&:hover button': { display: 'flex', color: theme.tableTextHover },
+ overflow: 'hidden',
+ '& .hover-visible': {
+ display: 'none',
+ },
+ ...(!dragPreview && {
+ '&:hover .hover-visible': {
+ display: 'flex',
+ },
+ }),
...(dragPreview && {
paddingLeft: 10,
zIndex: 10000,
diff --git a/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx b/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx
index 58e18d32a0a8441416b9b3af4fd600ccae436079..078a78913a3fb6cab84a5d6be96df1b572eebbaa 100644
--- a/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx
+++ b/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx
@@ -126,7 +126,7 @@ export default function BudgetSummary({ month }: BudgetSummaryProps) {
width={15}
height={15}
tooltipPosition="bottom-right"
- defaultColor={theme.pageTextSubdued} // notes page color
+ defaultColor={theme.pageTextLight}
/>
</View>
<View style={{ userSelect: 'none' }}>
diff --git a/packages/desktop-client/src/components/filters/FiltersMenu.js b/packages/desktop-client/src/components/filters/FiltersMenu.js
index 16034382cca23eb8ca7ffb5fae76ed6dbcc91812..59803286944dc1d8c8fe03ceb0a718e6e71504b3 100644
--- a/packages/desktop-client/src/components/filters/FiltersMenu.js
+++ b/packages/desktop-client/src/components/filters/FiltersMenu.js
@@ -429,8 +429,8 @@ export function FilterButton({ onApply, compact, hover }) {
style={{
lineHeight: 1.5,
padding: '6px 10px',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
}}
>
<Text>Filters</Text>
diff --git a/packages/desktop-client/src/components/reports/GraphButton.tsx b/packages/desktop-client/src/components/reports/GraphButton.tsx
index d3857def566601f87e861c09011ed0ff9c66a00a..50c50297dd6fe8232694e84cd76097f4c67261d9 100644
--- a/packages/desktop-client/src/components/reports/GraphButton.tsx
+++ b/packages/desktop-client/src/components/reports/GraphButton.tsx
@@ -31,8 +31,8 @@ const GraphButton = ({
style={{
lineHeight: 1.5,
padding: '6px 10px',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
}}
>
<Text>{title}</Text>
diff --git a/packages/desktop-client/src/components/reports/Tooltip.js b/packages/desktop-client/src/components/reports/Tooltip.js
index 20f2af6b27ee3d7f107b89867e13b84837e36667..1f1a481708f6c51c17598bb5d201e8e855c7270b 100644
--- a/packages/desktop-client/src/components/reports/Tooltip.js
+++ b/packages/desktop-client/src/components/reports/Tooltip.js
@@ -58,10 +58,8 @@ class Tooltip extends Component {
borderRadius: 2,
boxShadow: light ? 'none' : '0 1px 6px rgba(0, 0, 0, .20)',
// TODO: Transparent background
- backgroundColor: light
- ? 'transparent'
- : theme.menuAutoCompleteBackground,
- color: light ? 'inherit' : theme.menuAutoCompleteText,
+ backgroundColor: light ? 'transparent' : theme.menuBackground,
+ color: light ? 'inherit' : theme.menuItemText,
padding: 10,
},
!light &&
@@ -71,7 +69,7 @@ class Tooltip extends Component {
borderTop: '7px solid transparent',
borderBottom: '7px solid transparent',
[position === 'right' ? 'borderRight' : 'borderLeft']:
- '7px solid ' + theme.menuAutoCompleteBackground,
+ '7px solid ' + theme.menuBackground,
[position === 'right' ? 'left' : 'right']: -6,
top: 'calc(50% - 7px)',
// eslint-disable-next-line rulesdir/typography
diff --git a/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx b/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx
index 59950f15b6ec0d2062ba1c9a68d82885f494d416..3c349f9d47cb7f34e986703a7840005542259136 100644
--- a/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx
@@ -50,8 +50,8 @@ const CustomTooltip = ({
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
})}`}
>
diff --git a/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx b/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx
index 2e9f992f84bf88282ec00c9100204f18057505c5..f46ecfda65a9f33fba16129dd44f3aac950606a0 100644
--- a/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx
@@ -67,8 +67,8 @@ const CustomTooltip = ({
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
})}`}
>
diff --git a/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx b/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx
index 816ffc8d5320c5fde921d64999dd3eea9c1e29af..6378969ef9971ba1764eba18108451e9cd414b5d 100644
--- a/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx
@@ -44,8 +44,8 @@ const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
})}`}
>
diff --git a/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx b/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx
index 1fee824db3ee7a7c5d1946b3b1252e3ffd418187..87b42a9d5208faf344ddfbd5f6be48aeb821b000 100644
--- a/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx
@@ -50,8 +50,8 @@ const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
})}`}
>
diff --git a/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx b/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx
index 069082c263009218f7a7c816ec75282182115641..419e0a2e612dc9c585b4a34af1b9152a9c1db051 100644
--- a/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx
@@ -43,8 +43,8 @@ const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
})}`}
>
diff --git a/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx b/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
index eed4baff05c27963dc1107427d8d7f6e5e7d6ea2..d17e37ac1a22e0ea571cd98a1e911e7a94159c04 100644
--- a/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
@@ -79,8 +79,8 @@ function NetWorthGraph({
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
},
style,
diff --git a/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx b/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx
index 9839b26145cb0a48d673eeaf156463d2559b9e63..bb080e4485e973a3f0f0df7ea2a99a4e4c1901f9 100644
--- a/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx
@@ -51,8 +51,8 @@ const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
pointerEvents: 'none',
borderRadius: 2,
boxShadow: '0 1px 6px rgba(0, 0, 0, .20)',
- backgroundColor: theme.menuAutoCompleteBackground,
- color: theme.menuAutoCompleteText,
+ backgroundColor: theme.menuBackground,
+ color: theme.menuItemText,
padding: 10,
})}`}
>
diff --git a/packages/desktop-client/src/components/rules/ActionExpression.tsx b/packages/desktop-client/src/components/rules/ActionExpression.tsx
index 607276cdcada07b0ee1c792793caa0b6a76e3aa2..07851c10d57156150402c70a1d043192c9ea0002 100644
--- a/packages/desktop-client/src/components/rules/ActionExpression.tsx
+++ b/packages/desktop-client/src/components/rules/ActionExpression.tsx
@@ -15,7 +15,7 @@ import ScheduleValue from './ScheduleValue';
import Value from './Value';
const valueStyle = {
- color: theme.pageTextPositive,
+ color: theme.pillTextHighlighted,
};
type ActionExpressionProps = RuleActionEntity & {
@@ -61,7 +61,7 @@ function SetActionExpression({
<Text>{friendlyOp(op)}</Text>{' '}
<Text style={valueStyle}>{mapField(field, options)}</Text>{' '}
<Text>to </Text>
- <Value value={value} field={field} />
+ <Value style={valueStyle} value={value} field={field} />
</>
);
}
diff --git a/packages/desktop-client/src/components/rules/ConditionExpression.tsx b/packages/desktop-client/src/components/rules/ConditionExpression.tsx
index 48f957d06bc6e42cd808856a0da4637305914bf8..d842947f979a7d5a1f84506400b8ff90f99b08cf 100644
--- a/packages/desktop-client/src/components/rules/ConditionExpression.tsx
+++ b/packages/desktop-client/src/components/rules/ConditionExpression.tsx
@@ -9,7 +9,7 @@ import View from '../common/View';
import Value from './Value';
const valueStyle = {
- color: theme.pageTextPositive,
+ color: theme.pillTextHighlighted,
};
type ConditionExpressionProps = {
@@ -49,7 +49,7 @@ export default function ConditionExpression({
{prefix && <Text>{prefix} </Text>}
<Text style={valueStyle}>{mapField(field, options)}</Text>{' '}
<Text>{friendlyOp(op)}</Text>{' '}
- <Value value={value} field={field} inline={inline} />
+ <Value style={valueStyle} value={value} field={field} inline={inline} />
</View>
);
}
diff --git a/packages/desktop-client/src/components/rules/Value.tsx b/packages/desktop-client/src/components/rules/Value.tsx
index eb802b288d3a4bb6560bedca8caaec9b5257089a..f0348bee46914d6c16733b9f3d7abbde97a72b8b 100644
--- a/packages/desktop-client/src/components/rules/Value.tsx
+++ b/packages/desktop-client/src/components/rules/Value.tsx
@@ -8,14 +8,10 @@ import { getRecurringDescription } from 'loot-core/src/shared/schedules';
import { integerToCurrency } from 'loot-core/src/shared/util';
import useCategories from '../../hooks/useCategories';
-import { theme } from '../../style';
+import { type CSSProperties, theme } from '../../style';
import LinkButton from '../common/LinkButton';
import Text from '../common/Text';
-const valueStyle = {
- color: theme.pageTextPositive,
-};
-
type ValueProps<T> = {
value: T;
field: unknown;
@@ -23,6 +19,7 @@ type ValueProps<T> = {
inline?: boolean;
data?: unknown;
describe?: (item: T) => string;
+ style?: CSSProperties;
};
export default function Value<T>({
@@ -33,6 +30,7 @@ export default function Value<T>({
data: dataProp,
// @ts-expect-error fix this later
describe = x => x.name,
+ style,
}: ValueProps<T>) {
const dateFormat = useSelector(
state => state.prefs.local.dateFormat || 'MM/dd/yyyy',
@@ -40,6 +38,10 @@ export default function Value<T>({
const payees = useSelector(state => state.queries.payees);
const { list: categories } = useCategories();
const accounts = useSelector(state => state.queries.accounts);
+ const valueStyle = {
+ color: theme.pageTextPositive,
+ ...style,
+ };
const data =
dataProp ||
diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.js b/packages/desktop-client/src/components/transactions/TransactionsTable.js
index 26b9f2361dce2a64f7ef945bcab84032a09edb52..a1009c1aaca72ba8b8d6cd1aae192cf798a1c225 100644
--- a/packages/desktop-client/src/components/transactions/TransactionsTable.js
+++ b/packages/desktop-client/src/components/transactions/TransactionsTable.js
@@ -1091,7 +1091,7 @@ const Transaction = memo(function Transaction(props) {
? theme.warningText
: selected
? theme.formLabelText
- : theme.tableTextLight,
+ : theme.upcomingText,
backgroundColor:
notes === 'missed'
? theme.errorBackground
@@ -1099,7 +1099,7 @@ const Transaction = memo(function Transaction(props) {
? theme.warningBackground
: selected
? theme.formLabelBackground
- : theme.pageBackground,
+ : theme.upcomingBackground,
margin: '0 5px',
padding: '3px 7px',
borderRadius: 4,
diff --git a/packages/desktop-client/src/style/themes/dark.ts b/packages/desktop-client/src/style/themes/dark.ts
index 071f0a28d284820dacb098a43e24a338b155534c..8c1aa1737de3a2aa1cddc6b7e42fc0f0209bb3d2 100644
--- a/packages/desktop-client/src/style/themes/dark.ts
+++ b/packages/desktop-client/src/style/themes/dark.ts
@@ -23,7 +23,7 @@ export const tableBackground = colorPalette.navy800;
export const tableRowBackgroundHover = colorPalette.navy700;
export const tableText = colorPalette.navy150;
export const tableTextLight = tableText;
-export const tableTextSubdued = colorPalette.navy150;
+export const tableTextSubdued = colorPalette.navy500;
export const tableTextSelected = colorPalette.navy150;
export const tableTextHover = colorPalette.navy400;
export const tableTextInactive = colorPalette.navy500;
@@ -56,10 +56,10 @@ export const menuItemTextHeader = colorPalette.purple500;
export const menuBorder = colorPalette.navy800;
export const menuBorderHover = colorPalette.purple400;
export const menuKeybindingText = colorPalette.navy500;
-export const menuAutoCompleteBackground = colorPalette.navy400;
-export const menuAutoCompleteBackgroundHover = colorPalette.navy300;
-export const menuAutoCompleteText = colorPalette.navy900;
-export const menuAutoCompleteTextHeader = menuItemTextHeader;
+export const menuAutoCompleteBackground = colorPalette.navy900;
+export const menuAutoCompleteBackgroundHover = colorPalette.navy600;
+export const menuAutoCompleteText = colorPalette.navy200;
+export const menuAutoCompleteTextHeader = colorPalette.purple200;
export const modalBackground = colorPalette.gray800;
export const modalBorder = colorPalette.navy600;
@@ -85,7 +85,7 @@ export const markdownDark = colorPalette.purple500;
export const markdownLight = colorPalette.purple800;
// Button
-export const buttonMenuText = colorPalette.navy900;
+export const buttonMenuText = colorPalette.navy200;
export const buttonMenuTextHover = buttonMenuText;
export const buttonMenuBackground = 'transparent';
export const buttonMenuBackgroundHover = 'rgba(200, 200, 200, .25)';
@@ -138,7 +138,7 @@ export const noticeBackgroundDark = colorPalette.green500;
export const noticeText = colorPalette.green300;
export const noticeTextLight = colorPalette.green500;
export const noticeTextDark = colorPalette.green150;
-export const noticeTextMenu = colorPalette.green800;
+export const noticeTextMenu = colorPalette.green500;
export const noticeBorder = colorPalette.green800;
export const warningBackground = colorPalette.orange800;
export const warningText = colorPalette.orange300;
@@ -146,7 +146,7 @@ export const warningTextLight = colorPalette.orange500;
export const warningTextDark = colorPalette.orange100;
export const warningBorder = colorPalette.orange500;
export const errorBackground = colorPalette.red800;
-export const errorText = colorPalette.red300;
+export const errorText = colorPalette.red200;
export const errorTextDark = colorPalette.red150;
export const errorTextDarker = errorTextDark;
export const errorTextMenu = colorPalette.red500;
@@ -176,9 +176,9 @@ export const checkboxBorderSelected = colorPalette.purple300;
export const checkboxShadowSelected = colorPalette.purple500;
export const pillBackground = colorPalette.navy800;
-export const pillBackgroundLight = colorPalette.navy600;
+export const pillBackgroundLight = colorPalette.navy900;
export const pillText = colorPalette.navy200;
-export const pillTextHighlighted = colorPalette.purple300;
+export const pillTextHighlighted = colorPalette.purple200;
export const pillBorder = colorPalette.navy700;
export const pillBorderDark = pillBorder;
export const pillBackgroundSelected = colorPalette.purple600;
diff --git a/upcoming-release-notes/2048.md b/upcoming-release-notes/2048.md
new file mode 100644
index 0000000000000000000000000000000000000000..fa8554f60967a87b9c7f4acbee5e71b6bf8c5162
--- /dev/null
+++ b/upcoming-release-notes/2048.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [carkom]
+---
+
+Fixes and updates to dark theme colors.