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;
&.active {
outline: 2px solid hsl(215deg 47% 50%);
outline: 2px solid var(--color-outline-focus);
border-radius: 7px;
}

4
web/styles/hotspots.css
View File

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

2
web/styles/popovers.css
View File

@ -839,7 +839,7 @@ ul {
&:focus {
.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 {
/* 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 {

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-background-modal: hsl(0deg 0% 98%);
--color-unmuted-or-followed-topic-list-item: hsl(0deg 0% 20%);
--color-outline-focus: hsl(215deg 47% 50%);
/* Text colors */
--color-text-default: hsl(0deg 0% 20%);
@ -831,7 +832,7 @@ i.fa:focus,
i.zulip-icon:focus-visible,
.auto-select: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 */
}