Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Set tippy-arrow color same as background in light theme.

This commit is contained in:
Aman Agrawal 2023-11-23 07:53:22 +00:00 committed by Tim Abbott
parent 258c20564d
commit c55eaf2bec
4 changed files with 37 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/compose.css
View File

@ -1194,7 +1194,7 @@ textarea.new_message_textarea,
& ul {
list-style: none;
margin: 0;
background: hsl(0deg 0% 100%);
background-color: var(--color-background-popover);
}
.typeahead-header {

37
web/styles/dark_theme.css
View File

@ -130,38 +130,6 @@
color: hsl(200deg 79% 66%);
}
}
&[data-placement^="top"] {
> .tippy-arrow {
&::before {
border-top-color: hsl(235deg 18% 7%);
}
}
}
&[data-placement^="bottom"] {
> .tippy-arrow {
&::before {
border-bottom-color: hsl(235deg 18% 7%);
}
}
}
&[data-placement^="left"] {
> .tippy-arrow {
&::before {
border-left-color: hsl(235deg 18% 7%);
}
}
}
&[data-placement^="right"] {
> .tippy-arrow {
&::before {
border-right-color: hsl(235deg 18% 7%);
}
}
}
}
.tippy-box:not([data-theme]) {
@ -646,11 +614,6 @@
}
}
.tippy-box[data-theme~="light-border"],
.dropdown-menu ul,
background-color: hsl(212deg 32% 14%);
}
/* Undo default dropdown background color for dark mode. */
#searchbox_form .dropdown-menu ul {
background-color: unset;

34
web/styles/popovers.css
View File

@ -4,6 +4,8 @@
popovers. (Tippy tooltips are defined in tooltips.css).
*/
.tippy-box[data-theme="light-border"] {
background-color: var(--color-background-popover);
.sp-input {
/* Override incorrect color for text in dark theme. */
color: var(--color-text-default) !important;
@ -29,6 +31,38 @@
padding: 3px 15px;
}
}
&[data-placement^="top"] {
> .tippy-arrow {
&::before {
border-top-color: var(--color-background-popover);
}
}
}
&[data-placement^="bottom"] {
> .tippy-arrow {
&::before {
border-bottom-color: var(--color-background-popover);
}
}
}
&[data-placement^="left"] {
> .tippy-arrow {
&::before {
border-left-color: var(--color-background-popover);
}
}
}
&[data-placement^="right"] {
> .tippy-arrow {
&::before {
border-right-color: var(--color-background-popover);
}
}
}
}
.tippy-box[data-theme="dropdown-widget"] {

2
web/styles/zulip.css
View File

@ -226,6 +226,7 @@ body {
--color-background-tab-picker-selected-tab: hsl(0deg 0% 100%);
--color-outline-tab-picker-tab-option: hsl(0deg 0% 0% / 30%);
--color-background-tab-picker-tab-option-hover: hsl(0deg 0% 100% / 60%);
--color-background-popover: hsl(0deg 0% 100%);
/* Compose box colors */
--color-compose-send-button-icon-color: hsl(0deg 0% 100%);
@ -507,6 +508,7 @@ body {
--color-compose-embedded-button-background-hover: hsl(
235deg 100% 70% / 11%
);
--color-background-popover: hsl(212deg 32% 14%);
/* Text colors */
--color-text-default: hsl(0deg 0% 100% / 75%);