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

css: Assign a variable to focus underline color of recent view.

This commit is contained in:
Aman Agrawal 2023-09-12 11:01:36 +00:00 committed by Tim Abbott
parent f12fe219d9
commit 58c5701e5e
5 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_components.css
View File

@ -1007,7 +1007,7 @@ div.overlay {
margin-bottom: 10px; margin-bottom: 10px;
&.active { &.active {
outline: 2px solid hsl(215deg 47% 50%); outline: 2px solid var(--color-outline-focus);
border-radius: 7px; border-radius: 7px;
} }

4
web/styles/hotspots.css
View File

@ -11,7 +11,7 @@
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
background-color: hsl(196deg 100% 82% / 30%); background-color: hsl(196deg 100% 82% / 30%);
border: 2px solid hsl(215deg 47% 50%); border: 2px solid var(--color-outline-focus);
top: 50%; top: 50%;
left: 50%; left: 50%;
} }
@ -39,7 +39,7 @@
left: -5px; left: -5px;
bottom: 3px; bottom: 3px;
transform: rotate(7deg); transform: rotate(7deg);
color: hsl(215deg 47% 50%); color: var(--color-outline-focus);
font-size: 2.75em; font-size: 2.75em;
font-weight: 600; font-weight: 600;
} }

2
web/styles/popovers.css
View File

@ -839,7 +839,7 @@ ul {
&:focus { &:focus {
.fa-remove { .fa-remove {
outline: 2px solid hsl(215deg 47% 50%); outline: 2px solid var(--color-outline-focus);
} }
} }
} }

2
web/styles/recent_view.css
View File

@ -36,7 +36,7 @@
&:focus-within { &:focus-within {
/* Use the same color as the message feed pointer */ /* Use the same color as the message feed pointer */
box-shadow: 0 3px 0 hsl(215deg 47% 50%); box-shadow: 0 3px 0 var(--color-outline-focus);
} }
.change_visibility_policy i { .change_visibility_policy i {

3
web/styles/zulip.css
View File

@ -164,6 +164,7 @@ body {
--color-failed-message-send-icon: hsl(3.88deg 98.84% 66.27%); --color-failed-message-send-icon: hsl(3.88deg 98.84% 66.27%);
--color-background-modal: hsl(0deg 0% 98%); --color-background-modal: hsl(0deg 0% 98%);
--color-unmuted-or-followed-topic-list-item: hsl(0deg 0% 20%); --color-unmuted-or-followed-topic-list-item: hsl(0deg 0% 20%);
--color-outline-focus: hsl(215deg 47% 50%);
/* Text colors */ /* Text colors */
--color-text-default: hsl(0deg 0% 20%); --color-text-default: hsl(0deg 0% 20%);
@ -831,7 +832,7 @@ i.fa:focus,
i.zulip-icon:focus-visible, i.zulip-icon:focus-visible,
.auto-select:focus, .auto-select:focus,
[role="button"]:focus { [role="button"]:focus {
outline: 2px solid hsl(215deg 47% 50%); outline: 2px solid var(--color-outline-focus);
/* TODO: change solid to auto once the Chromium bug #1105822 is fixed */ /* TODO: change solid to auto once the Chromium bug #1105822 is fixed */
} }