paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 05:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark_theme: Clean up info-style main-view banner.

Browse Source
This commit is contained in:
Karl Stolley
2025-04-07 16:13:37 -05:00
committed by Tim Abbott
parent 8f465c9836
commit 4ccea351f4
3 changed files with 56 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/styles/app_variables.css
View File

@@ -2694,6 +2694,46 @@
hsl(3deg 57% 33% / 15%),
hsl(3deg 73% 74% / 20%)
);
--color-info-main-view-banner: light-dark(
hsl(204deg 49% 29%),
hsl(205deg 58% 80%)
);
--color-background-info-main-view-banner: light-dark(
hsl(204deg 58% 92%),
hsl(204deg 100% 12%)
);
--color-border-info-main-view-banner: light-dark(
hsl(204deg 49% 29% / 40%),
hsl(205deg 58% 69% / 40%)
);
--color-info-main-view-banner-close-button: light-dark(
hsl(204deg 49% 29% / 50%),
hsl(205deg 58% 69% / 50%)
);
--color-info-main-view-banner-close-button-hover: light-dark(
hsl(204deg 49% 29%),
hsl(205deg 58% 69%)
);
--color-info-main-view-banner-close-button-active: light-dark(
hsl(204deg 49% 29% / 75%),
hsl(205deg 58% 69% / 75%)
);
--color-info-main-view-banner-action-button: light-dark(
inherit,
hsl(205deg 58% 69%)
);
--color-background-info-main-view-banner-action-button: light-dark(
hsl(204deg 49% 29% / 10%),
hsl(205deg 58% 69% / 10%)
);
--color-background-info-main-view-banner-action-button-hover: light-dark(
hsl(204deg 49% 29% / 12%),
hsl(205deg 58% 69% / 15%)
);
--color-background-info-main-view-banner-action-button-active: light-dark(
hsl(204deg 49% 29% / 15%),
hsl(205deg 58% 69% / 20%)
);
/* Info density update UI */
--color-info-density-control-border: light-dark(

26
web/styles/compose.css
View File

@@ -953,34 +953,40 @@
}
&.info {
background-color: hsl(204deg 58% 92%);
border-color: hsl(204deg 49% 29% / 40%);
position: relative;
color: hsl(204deg 49% 29%);
background-color: var(--color-background-info-main-view-banner);
border-color: var(--color-border-info-main-view-banner);
color: var(--color-info-main-view-banner);
.main-view-banner-close-button {
color: hsl(204deg 49% 29% / 50%);
color: var(--color-info-main-view-banner-close-button);
&:hover {
color: hsl(204deg 49% 29%);
color: var(--color-info-main-view-banner-close-button-hover);
}
&:active {
color: hsl(204deg 49% 29% / 75%);
color: var(--color-info-main-view-banner-close-button-active);
}
}
.main-view-banner-action-button,
.upload_banner_cancel_button {
background-color: hsl(204deg 49% 29% / 10%);
color: inherit;
background-color: var(
--color-background-info-main-view-banner-action-button
);
color: var(--color-info-main-view-banner-action-button);
&:hover {
background-color: hsl(204deg 49% 29% / 12%);
background-color: var(
--color-background-info-main-view-banner-action-button-hover
);
}
&:active {
background-color: hsl(204deg 49% 29% / 15%);
background-color: var(
--color-background-info-main-view-banner-action-button-active
);
}
}
}

34
web/styles/dark_theme.css
View File

@@ -85,40 +85,6 @@
.above_compose_banner_action_link {
color: hsl(200deg 100% 50%);
}
&.info {
background-color: hsl(204deg 100% 12%);
border-color: hsl(205deg 58% 69% / 40%);
position: relative;
color: hsl(205deg 58% 80%);
.main-view-banner-close-button {
color: hsl(205deg 58% 69% / 50%);
&:hover {
color: hsl(205deg 58% 69%);
}
&:active {
color: hsl(205deg 58% 69% / 75%);
}
}
.main-view-banner-action-button,
.upload_banner_cancel_button {
background-color: hsl(205deg 58% 69% / 10%);
border-color: transparent;
color: hsl(205deg 58% 69%);
&:hover {
background-color: hsl(205deg 58% 69% / 15%);
}
&:active {
background-color: hsl(205deg 58% 69% / 20%);
}
}
}
}
.upload_banner {