paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 16:14:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

settings_tables: Set variables for header colors.

Browse Source
This commit is contained in:
Karl Stolley
2025-04-03 15:46:15 -05:00
committed by Tim Abbott
parent e2e0c72a80
commit e5a00b3163
3 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/styles/app_components.css
View File

@@ -772,7 +772,7 @@ input.settings_text_input {
& thead th { & thead th {
color: inherit; color: inherit;
background-color: hsl(0deg 0% 100%); background-color: var(--color-background-table-header);
word-break: normal; word-break: normal;
.table-sortable-arrow { .table-sortable-arrow {
@@ -803,7 +803,9 @@ input.settings_text_input {
&[data-sort]:hover { &[data-sort]:hover {
cursor: pointer; cursor: pointer;
background-color: hsl(0deg 0% 95%) !important; background-color: var(
--color-background-table-header-sortable-hover
) !important;
transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out;
} }
} }

8
web/styles/app_variables.css
View File

@@ -1462,6 +1462,14 @@
); );
/* Settings table colors */ /* Settings table colors */
--color-background-table-header: light-dark(
hsl(0deg 0% 100%),
hsl(0deg 0% 0%)
);
--color-background-table-header-sortable-hover: light-dark(
hsl(0deg 0% 95%),
hsl(211deg 29% 14%)
);
--color-border-table-striped: light-dark( --color-border-table-striped: light-dark(
hsl(0deg 0% 87%), hsl(0deg 0% 87%),
hsl(0deg 0% 0% / 20%) hsl(0deg 0% 0% / 20%)

13
web/styles/dark_theme.css
View File

@@ -51,14 +51,6 @@
} }
} }
& table.table-striped thead.table-sticky-headers th {
background-color: hsl(0deg 0% 0%);
&[data-sort]:hover {
background-color: hsl(211deg 29% 14%) !important;
}
}
/* Extend the 'light-border' TippyJS theme, which is intended for /* Extend the 'light-border' TippyJS theme, which is intended for
popovers/menus that should use default background colors, to use popovers/menus that should use default background colors, to use
our dark theme colors in Zulip's dark theme. our dark theme colors in Zulip's dark theme.
@@ -365,11 +357,6 @@
border-color: hsl(0deg 0% 0% / 60%); border-color: hsl(0deg 0% 0% / 60%);
} }
.table-striped thead th {
background-color: hsl(0deg 0% 0% / 50%);
border-color: hsl(0deg 0% 0% / 90%);
}
& input[type="text"]:focus, & input[type="text"]:focus,
input[type="email"]:focus, input[type="email"]:focus,
input[type="number"]:focus, input[type="number"]:focus,