AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Remove focus outlines from scrollbars and scales

Browse Source 
gtk3 didn't have focus outlines for these, so remove them for now.

Sorry lapo.
This commit is contained in:
Timm Bäder 2017-10-25 09:34:52 +02:00
parent 20fc576275
commit 0d82de585c
3 changed files with 49 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
gtk/theme/Adwaita/_common.scss
View File

@ -2374,6 +2374,11 @@ scrollbar {
&.left { border-right: 1px solid $borders_color; }
&.right { border-left: 1px solid $borders_color; }
&:focus,
&:focus>box:focus,
&:focus>box:focus>range:focus,
&:focus>box:focus>range:focus>trough:focus{ outline: none };
&:backdrop {
background-color: $backdrop_scrollbar_bg_color;
border-color: $backdrop_borders_color;
@ -2880,6 +2885,8 @@ scale {
margin: -9px;
}
&:focus { outline: none; }
// click-and-hold the slider to activate
&.fine-tune {
&.horizontal {

30
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -30,6 +30,8 @@
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; }
.view, iconview, textview { outline: none; }
textview border { background-color: #2b3032; }
.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #184472; background-color: rgba(24, 68, 114, 0.2); }
@ -98,7 +100,7 @@ spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-
spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #215d9c; border-color: #0f2b48; }
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #215d9c; border-color: #0f2b48; outline: none; }
spinbutton:disabled:not(.vertical), entry:disabled { color: #919494; border-color: #1b1f20; background-color: #2d3234; box-shadow: none; }
@ -108,13 +110,13 @@ spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5
spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #1a0000; }
spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #1a0000; }
spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #1a0000; outline: none; }
spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; }
spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #432100; }
spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #432100; }
spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #432100; outline: none; }
spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; }
@ -575,7 +577,7 @@ toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(
.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; }
searchbar, .location-bar { border-width: 0 0 1px; padding: 0px; }
.inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: #1b1f20; background-color: #2c3133; }
@ -984,6 +986,8 @@ scrollbar.left { border-right: 1px solid #1b1f20; }
scrollbar.right { border-left: 1px solid #1b1f20; }
scrollbar:focus, scrollbar:focus > box:focus, scrollbar:focus > box:focus > range:focus, scrollbar:focus > box:focus > range:focus > trough:focus { outline: none; }
scrollbar:backdrop { background-color: #2c3133; border-color: #202425; transition: 200ms ease-out; }
scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a3a6a5; }
@ -996,11 +1000,11 @@ scrollbar slider:backdrop { background-color: #595d5f; }
scrollbar slider:disabled { background-color: transparent; }
scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; }
scrollbar range.fine-tune slider { min-width: 4px; min-height: 4px; }
scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
scrollbar range.fine-tune.horizontal slider { border-width: 5px 4px; }
scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
scrollbar range.fine-tune.vertical slider { border-width: 4px 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
@ -1203,6 +1207,8 @@ scale fill, scale highlight { margin: -1px; }
scale slider { min-height: 18px; min-width: 18px; margin: -9px; }
scale:focus { outline: none; }
scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
@ -1474,9 +1480,11 @@ levelbar block.empty { background-color: transparent; border-color: rgba(238, 23
levelbar block.empty:backdrop { border-color: rgba(145, 148, 148, 0.15); }
/**************** Print dialog * */
printdialog paper { color: #eeeeec; border: 1px solid #1b1f20; background: white; padding: 0; }
printdialog drawing { color: #eeeeec; background: white; border: none; padding: 0; }
printdialog paper:backdrop { color: #919494; border-color: #202425; }
printdialog drawing:backdrop { color: #919494; border-color: #202425; }
printdialog drawing paper { border: 1px solid #1b1f20; }
printdialog .dialog-action-box { margin: 12px; }
@ -1887,6 +1895,10 @@ cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:a
.context-menu { font: initial; }
shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #232729; border: 1px solid; border-color: #1b1f20; border-radius: 5px; box-shadow: inset 0 -3px #1e2223; font-size: smaller; }
.keycap:backdrop { background-color: #252a2c; color: #919494; transition: 200ms ease-out; }

30
gtk/theme/Adwaita/gtk-contained.css
View File

@ -30,6 +30,8 @@
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; }
.view, iconview, textview { outline: none; }
textview border { background-color: #f4f4f3; }
.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #2a76c6; background-color: rgba(42, 118, 198, 0.2); }
@ -98,7 +100,7 @@ spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-
spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #4a90d9; border-color: #4a90d9; }
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #4a90d9; border-color: #4a90d9; outline: none; }
spinbutton:disabled:not(.vertical), entry:disabled { color: #8b8e8f; border-color: #b6b6b3; background-color: #f1f1f1; box-shadow: none; }
@ -108,13 +110,13 @@ spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #c
spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #cc0000; }
spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; }
spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; outline: none; }
spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; }
spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; }
spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; }
spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; outline: none; }
spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; }
@ -583,7 +585,7 @@ toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(
.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; }
searchbar, .location-bar { border-width: 0 0 1px; padding: 0px; }
.inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: #b6b6b3; background-color: #d9d9d7; }
@ -992,6 +994,8 @@ scrollbar.left { border-right: 1px solid #b6b6b3; }
scrollbar.right { border-left: 1px solid #b6b6b3; }
scrollbar:focus, scrollbar:focus > box:focus, scrollbar:focus > box:focus > range:focus, scrollbar:focus > box:focus > range:focus > trough:focus { outline: none; }
scrollbar:backdrop { background-color: #e1e1df; border-color: #c0c0bd; transition: 200ms ease-out; }
scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #787c7d; }
@ -1004,11 +1008,11 @@ scrollbar slider:backdrop { background-color: #c3c4c4; }
scrollbar slider:disabled { background-color: transparent; }
scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; }
scrollbar range.fine-tune slider { min-width: 4px; min-height: 4px; }
scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
scrollbar range.fine-tune.horizontal slider { border-width: 5px 4px; }
scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
scrollbar range.fine-tune.vertical slider { border-width: 4px 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
@ -1223,6 +1227,8 @@ scale fill, scale highlight { margin: -1px; }
scale slider { min-height: 18px; min-width: 18px; margin: -9px; }
scale:focus { outline: none; }
scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
@ -1494,9 +1500,11 @@ levelbar block.empty { background-color: transparent; border-color: rgba(46, 52,
levelbar block.empty:backdrop { border-color: rgba(139, 142, 143, 0.15); }
/**************** Print dialog * */
printdialog paper { color: #2e3436; border: 1px solid #b6b6b3; background: white; padding: 0; }
printdialog drawing { color: #2e3436; background: white; border: none; padding: 0; }
printdialog paper:backdrop { color: #8b8e8f; border-color: #c0c0bd; }
printdialog drawing:backdrop { color: #8b8e8f; border-color: #c0c0bd; }
printdialog drawing paper { border: 1px solid #b6b6b3; }
printdialog .dialog-action-box { margin: 12px; }
@ -1907,6 +1915,10 @@ cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:a
.context-menu { font: initial; }
shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #cfcfcd; border-radius: 5px; box-shadow: inset 0 -3px #ededec; font-size: smaller; }
.keycap:backdrop { background-color: #fcfcfc; color: #8b8e8f; transition: 200ms ease-out; }