From 70f77a42fede0bb47973a66bbc5a908132a2a858 Mon Sep 17 00:00:00 2001 From: HEXcube Date: Sun, 24 Apr 2016 15:28:54 +0530 Subject: Add theming for Unity Greeter (#466) * Add theming for Unity Greeter * Generated css files from scss - Replace alpha() and shade() in Sass with transparentize() and lighten() * Rebase unity-greeter css code from upstream and drop excessive nesting * Fix clock color and combo entry field * Fix and improve Unity Greeter theming - Fix panel icons - Make password entry box rounder - Add a bit of transparency to panel clock --- common/gtk-3.0/3.20/sass/_unity.scss | 99 ++++++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) (limited to 'common/gtk-3.0/3.20/sass') diff --git a/common/gtk-3.0/3.20/sass/_unity.scss b/common/gtk-3.0/3.20/sass/_unity.scss index 00fec8f..e04ee41 100644 --- a/common/gtk-3.0/3.20/sass/_unity.scss +++ b/common/gtk-3.0/3.20/sass/_unity.scss @@ -57,3 +57,102 @@ UnityPanelWidget, background-image: linear-gradient(to bottom, $selected_bg_color); border-bottom: none; } + +// Unity Greeter +.lightdm.menu { + background-image: none; + background-color: transparentize(black, 0.6); + border-color: transparentize(white, 0.2); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: lighten($header_bg, 8); + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: transparentize(white, 0.2); + background-image: none; + background-color: transparentize(black, 0.5); + + & > .menuitem { + padding: 2px 6px; + } +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: transparentize(black, 0.7); + border-color: transparentize(white, 0.6); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focused, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focused { + background-image: none; + border-image: none; +} + +.lightdm.button:focused, +.lightdm.entry:focused { + border-color: transparentize(white, 0.9); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: transparentize(white, 0.2); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; + + &.selected { + background-color: transparentize(black, 0.3); + border-width: 1px; + } +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} -- cgit v1.2.3