popovers: Remove "light-border" Tippyjs theme usage.

The "light-border" theme was set as the default theme for all the
popovers, but was no longer in use, since all of our current popovers
either use the "popover-menu" theme or the "dropdown-widget" theme.

In response to the above reasoning, this commit removes the redundant
"light-border" Tippyjs theme usage from the codebase.
This commit is contained in:
Sayam Samal
2025-09-11 18:07:21 +05:30
committed by Tim Abbott
parent b9b1798a1e
commit 3070c78cc5
3 changed files with 0 additions and 16 deletions

View File

@@ -17,7 +17,6 @@ import "tippy.js/dist/tippy.css";
// Adds color inheritance to the borders when using the default CSS Arrow.
// https://atomiks.github.io/tippyjs/v6/themes/#arrow-border
import "tippy.js/dist/border.css";
import "tippy.js/themes/light-border.css";
import "katex/dist/katex.css";
import "flatpickr/dist/flatpickr.css";
import "flatpickr/dist/plugins/confirmDate/confirmDate.css";

View File

@@ -196,10 +196,6 @@ export const default_popover_props: Partial<tippy.Props> = {
trigger: "click",
interactive: true,
hideOnClick: true,
/* The light-border TippyJS theme is a bit of a misnomer; it
is a popover styling similar to Bootstrap. We've also customized
its CSS to support Zulip's dark theme. */
theme: "light-border",
// The maxWidth has been set to "none" to avoid the default value of 300px.
maxWidth: "none",
touch: true,

View File

@@ -27,17 +27,6 @@
}
}
/* Extend the 'light-border' TippyJS theme, which is intended for
popovers/menus that should use default background colors, to use
our dark theme colors in Zulip's dark theme.
*/
.tippy-box[data-theme~="light-border"] {
.tippy-content a,
p {
color: hsl(236deg 33% 90%);
}
}
.dropdown-list-delete {
/* hsl(7deg 100% 74%) corresponds to var(--red-250) */
color: color-mix(