From ac53fabf514b945c8693e99222e0f5bfac970c33 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Mon, 4 Aug 2014 14:45:05 +0200 Subject: HC: checkboxes and radios --- themes/HighContrast/gtk-3.0/_common.scss | 38 +++++++++++++++++++++ themes/HighContrast/gtk-3.0/gtk.css | 58 ++++++++++++++++++++++++++++++++ 2 files changed, 96 insertions(+) diff --git a/themes/HighContrast/gtk-3.0/_common.scss b/themes/HighContrast/gtk-3.0/_common.scss index a97e2e78..3d38e3da 100644 --- a/themes/HighContrast/gtk-3.0/_common.scss +++ b/themes/HighContrast/gtk-3.0/_common.scss @@ -1290,6 +1290,44 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { outline-offset: 0; } +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + .#{$w} { + color: transparentize($fg_color,0.9); + background-image: none; + -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); + &:active { + color: $fg_color; + &:insensitive { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + &:backdrop { color: $backdrop_fg_color; } + } + &:insensitive { + color: transparentize($insensitive_fg_color,0.9); + &:backdrop { color: transparent; } + } + &:inconsistent { + -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); + } + &:selected, &:selected:focus { + // :selected:focus not to get overridden by .view style + color: transparentize($selected_fg_color,0.9); + &:active { + color: $selected_fg_color; + &:backdrop { + color: $backdrop_base_color; + } + } + } + &:backdrop { + color: transparentize($backdrop_fg_color,0.9); + &:selected { color: transparentize($backdrop_base_color,0.9); } + } + } +} + /************ * GtkScale * ************/ diff --git a/themes/HighContrast/gtk-3.0/gtk.css b/themes/HighContrast/gtk-3.0/gtk.css index 138fbfa1..3ee1774e 100644 --- a/themes/HighContrast/gtk-3.0/gtk.css +++ b/themes/HighContrast/gtk-3.0/gtk.css @@ -1407,6 +1407,64 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px; outline-offset: 0; } +.check { + color: rgba(0, 0, 0, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } + .check:active { + color: black; } + .check:active:insensitive { + color: #7f7f7f; } + .check:active:insensitive:backdrop { + color: white; } + .check:active:backdrop { + color: #191919; } + .check:insensitive { + color: rgba(127, 127, 127, 0.1); } + .check:insensitive:backdrop { + color: transparent; } + .check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } + .check:selected, .check:selected:focus { + color: rgba(255, 255, 255, 0.1); } + .check:selected:active, .check:selected:focus:active { + color: white; } + .check:selected:active:backdrop, .check:selected:focus:active:backdrop { + color: white; } + .check:backdrop { + color: rgba(25, 25, 25, 0.1); } + .check:backdrop:selected { + color: rgba(255, 255, 255, 0.1); } + +.radio { + color: rgba(0, 0, 0, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } + .radio:active { + color: black; } + .radio:active:insensitive { + color: #7f7f7f; } + .radio:active:insensitive:backdrop { + color: white; } + .radio:active:backdrop { + color: #191919; } + .radio:insensitive { + color: rgba(127, 127, 127, 0.1); } + .radio:insensitive:backdrop { + color: transparent; } + .radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } + .radio:selected, .radio:selected:focus { + color: rgba(255, 255, 255, 0.1); } + .radio:selected:active, .radio:selected:focus:active { + color: white; } + .radio:selected:active:backdrop, .radio:selected:focus:active:backdrop { + color: white; } + .radio:backdrop { + color: rgba(25, 25, 25, 0.1); } + .radio:backdrop:selected { + color: rgba(255, 255, 255, 0.1); } + /************ * GtkScale * ************/ -- cgit v1.2.3