development/github-desktop
development/github-desktop
1
0
Fork 0
mirror of https://github.com/desktop/desktop synced 2024-09-14 05:41:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Variable for diff line number focus color

Browse source
This commit is contained in:
tidy-dev 2024-02-27 12:55:53 -05:00
parent 2a008bc70d
commit 8b971b5116
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/styles/_variables.scss
View file

@ -363,6 +363,7 @@ $overlay-background-color: rgba(0, 0, 0, 0.4);
/** The highlight color used for focus rings and focus box shadows */
--focus-color: #{$blue};
--diff-linenumber-focus-color: #{$blue-600};
/**
* Variables for form elements

1
app/styles/themes/_dark.scss
View file

@ -269,6 +269,7 @@ body.theme-dark {
/** The highlight color used for focus rings and focus box shadows */
--focus-color: #{$blue};
--diff-linenumber-focus-color: #{$blue-200};
/**
* Variables for form elements

4
app/styles/ui/_side-by-side-diff.scss
View file

@ -187,7 +187,7 @@
input:focus-visible + label.hunk-handle {
.focus-handle {
outline: 2px solid #0659d6;
outline: 2px solid var(--diff-linenumber-focus-color);
outline-offset: 3px;
}
}
@ -348,7 +348,7 @@
&.selectable {
input:focus-visible + label {
outline: 2px solid #0659d6;
outline: 2px solid var(--diff-linenumber-focus-color);
outline-offset: -3px;
}