From 5b76a3bedd84eded5c21ea601ba77ae3899e673c Mon Sep 17 00:00:00 2001 From: Test User Date: Mon, 10 Aug 2015 12:49:19 +0200 Subject: [PATCH 1/2] Initial commit for unity-greeter --- gtk-3.0/scss/_widgets.scss | 2 +- gtk-3.0/scss/apps/_unity-greeter.scss | 96 +++++++++++++++++++++++++++ 2 files changed, 97 insertions(+), 1 deletion(-) create mode 100644 gtk-3.0/scss/apps/_unity-greeter.scss diff --git a/gtk-3.0/scss/_widgets.scss b/gtk-3.0/scss/_widgets.scss index 62de316..e8ac3b8 100755 --- a/gtk-3.0/scss/_widgets.scss +++ b/gtk-3.0/scss/_widgets.scss @@ -25,7 +25,7 @@ @import "widgets/view"; @import "widgets/window"; - +@import "apps/unity-greeter"; @import "apps/gedit"; @import "apps/nautilus"; @import "apps/nemo"; diff --git a/gtk-3.0/scss/apps/_unity-greeter.scss b/gtk-3.0/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..3a3798b --- /dev/null +++ b/gtk-3.0/scss/apps/_unity-greeter.scss @@ -0,0 +1,96 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + .lightdm.menu { + background-image: none; + background-color: #00ff00; + border-color: #00ff00; + border-radius: 4px; + padding: 1px; + color: #00ff00; + } + + .lightdm-combo .menu { + background-color: #00ff00; + border-radius: 0px; + padding: 0px; + color: #00ff00; + } + + .lightdm.menu .menuitem *, + .lightdm.menu .menuitem.check:active, + .lightdm.menu .menuitem.radio:active { + color: #00ff00; + } + + .lightdm.menubar { + background-image: none; + background-color: #00ff00; + } + + .lightdm-combo.combobox-entry .button, + .lightdm-combo .cell, + .lightdm-combo .button, + .lightdm-combo .entry, + .lightdm.button, + .lightdm.entry { + background-image: none; + background-color: alpha (black, 0.3); + border-color: alpha (white, 0.6); + border-radius: 5px; + 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: alpha (white, 0.9); + border-width: 1px; + border-style: solid; + color: white; + } + + .lightdm.entry:selected { + background-color: alpha (white, 0.2); + } + + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + .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; + } + + .lightdm.toggle-button.selected { + background-color: alpha (black, 0.3); + border-width: 1px; + } +} From 19d3846d97adaeedef3de9e86ab6097cce324548 Mon Sep 17 00:00:00 2001 From: Test User Date: Mon, 10 Aug 2015 19:24:38 +0200 Subject: [PATCH 2/2] Adds updated _unity-greeter.scss --- gtk-3.0/scss/apps/_unity-greeter.scss | 108 ++++++++++++++++---------- 1 file changed, 65 insertions(+), 43 deletions(-) diff --git a/gtk-3.0/scss/apps/_unity-greeter.scss b/gtk-3.0/scss/apps/_unity-greeter.scss index 3a3798b..eb60d2a 100644 --- a/gtk-3.0/scss/apps/_unity-greeter.scss +++ b/gtk-3.0/scss/apps/_unity-greeter.scss @@ -3,70 +3,87 @@ ***********************/ @include exports("unity-greeter") { - .lightdm.menu { - background-image: none; - background-color: #00ff00; - border-color: #00ff00; - border-radius: 4px; - padding: 1px; - color: #00ff00; - } - .lightdm-combo .menu { - background-color: #00ff00; - border-radius: 0px; - padding: 0px; - color: #00ff00; - } - .lightdm.menu .menuitem *, - .lightdm.menu .menuitem.check:active, - .lightdm.menu .menuitem.radio:active { - color: #00ff00; - } +.lightdm.menu { + background-image: none; + background-color: alpha($black, 0.6); + border-color: alpha($white, 0.2); + border-radius: 4px; + padding: 1px; + + color: $white; +} + +.lightdm-combo .menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0px; + padding: 0px; + + color: $white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: $white; +} + +.lightdm.menubar { + background-image: none; + background-color: alpha(#00ff00, 0.5); +} - .lightdm.menubar { - background-image: none; - background-color: #00ff00; - } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, - .lightdm.button, - .lightdm.entry { + + .lightdm.button{ background-image: none; - background-color: alpha (black, 0.3); - border-color: alpha (white, 0.6); + background-color: alpha($black, 0.3); + border-color: alpha($white, 0.9); border-radius: 5px; - padding: 7px; - color: white; + padding: 5px; + color: $white; + } + .lightdm.button:hover { + background-image: none; + background-color: alpha($white, 0.3); + border-color: alpha($white, 0.6); + border-radius: 5px; + padding: 5px; + color: $white; text-shadow: none; - } - - .lightdm.button, - .lightdm.button:hover, + } .lightdm.button:active, .lightdm.button:active:focused, - .lightdm.entry, + .lightdm.button:focused, + + .lightdm.entry { + background-image: none; + background-color: alpha($black, 0.3); + border-color: alpha($white, 0.6); + border-radius: 5px; + padding: 7px; + color: $white; + text-shadow: none; + } .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } - - .lightdm.button:focused, .lightdm.entry:focused { - border-color: alpha (white, 0.9); + border-color: alpha($white, 0.6); border-width: 1px; border-style: solid; - color: white; + color: $white; } - .lightdm.entry:selected { - background-color: alpha (white, 0.2); + background-color: alpha($white, 0.2); } @keyframes dashentry_spinner { @@ -79,7 +96,7 @@ } .lightdm.option-button { - padding: 2px; + padding: 5px; background: none; border: 0; } @@ -88,9 +105,14 @@ background: none; border-width: 0; } - + .lightdm.toggle-button.selected:hover { + background-color: alpha($white, 0.3); + border-color: alpha($white, 0.3); + border-width: 1px; + } .lightdm.toggle-button.selected { - background-color: alpha (black, 0.3); + background-color: alpha($black, 0.3); + border-color: alpha($white, 0.3); border-width: 1px; } }