diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 7bf3396ca8..750c4b0be4 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -151,7 +151,7 @@ return array( 'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f', 'rsrc/css/phui/phui-header-view.css' => '92935c02', 'rsrc/css/phui/phui-hovercard.css' => 'e904f5dc', - 'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad', + 'rsrc/css/phui/phui-icon-set-selector.css' => '87db8fee', 'rsrc/css/phui/phui-icon.css' => '09f46dd9', 'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c', 'rsrc/css/phui/phui-info-panel.css' => '27ea50a1', @@ -864,7 +864,7 @@ return array( 'phui-header-view-css' => '92935c02', 'phui-hovercard' => '1bd28176', 'phui-hovercard-view-css' => 'e904f5dc', - 'phui-icon-set-selector-css' => '1ab67aad', + 'phui-icon-set-selector-css' => '87db8fee', 'phui-icon-view-css' => '09f46dd9', 'phui-image-mask-css' => 'a8498f9c', 'phui-info-panel-css' => '27ea50a1', diff --git a/webroot/rsrc/css/phui/phui-icon-set-selector.css b/webroot/rsrc/css/phui/phui-icon-set-selector.css index 09a0362246..c66c2a6e55 100644 --- a/webroot/rsrc/css/phui/phui-icon-set-selector.css +++ b/webroot/rsrc/css/phui/phui-icon-set-selector.css @@ -3,8 +3,10 @@ */ button.icon-button { - background: #f7f7f7; - border: 1px solid {$lightblueborder}; + background-color: #F7F7F9; + background-image: linear-gradient(to bottom, #ffffff, #f1f0f1); + border: 1px solid rgba({$alphablue},.2); + color: {$darkgreytext}; position: relative; width: 16px; height: 16px; @@ -15,6 +17,14 @@ button.icon-button { box-sizing: content-box; } +button.icon-button:hover { + border: 1px solid rgba({$alphablue},.5); +} + +button.icon-button .phui-icon-view { + color: {$darkbluetext}; +} + .icon-grid { text-align: center; } @@ -24,6 +34,9 @@ button.icon-button { } button.icon-button.selected { - background: {$bluebackground}; - border: 1px solid {$blueborder}; + border: 1px solid {$sky}; +} + +button.icon-button.selected .phui-icon-view { + color: {$sky}; }