Gtk+-3.20 Submarine themes: use a dark style for lightdm

2 files changed, 292 insertions, 0 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
index 804caf0c..7589b2be 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
@@ -635,3 +635,149 @@ window.background > box.vertical > notebook overlay > scrolledwindow viewport {
     border-width: 0px;
 }
 
+/***********
+ * Lightdm *
+ ***********/
+
+#login_window.background.lightdm-gtk-greeter,
+#login_window.background.lightdm-gtk-greeter box.vertical {
+    border-radius: 10px;
+    border-style: solid;
+    border-width: 2px;
+    border-color: shade(@bg_dark_color, 0.8);
+    /* not sure if box-shadow works here */
+    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+    background-color: @bg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame {
+    border-radius: 0px;
+    border-style: none;
+    border-width: 0px;
+}
+
+#login_window.background.lightdm-gtk-greeter #user_image_border {
+    border-style: solid;
+    border-width: 1px;
+    border-color: shade(@bg_dark_color, 1.4);
+}
+
+
+#panel_window.background.menubar.lightdm-gtk-greeter {
+    /* not sure if box-shadow works here */
+    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+    background-color: @bg_dark_color;
+}
+
+#panel_window.background.menubar.lightdm-gtk-greeter label {
+    color: @fg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:focus {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: none;
+    color: @menu_fg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo cellview,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus cellview {
+    color: @menu_fg_dark_color;
+    text-shadow: none;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo arrow,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus arrow {
+    color: @menu_fg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover:active,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover:active {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
+                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry,
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry:focus {
+    background-color: transparent;
+    background-image: -gtk-gradient(linear,
+                                    left top, left bottom,
+                                    from       (shade(@menu_bg_dark_color, 1.16)),
+                                    color-stop (0.15, shade(@menu_bg_dark_color, 1.26)),
+                                    color-stop (0.50, shade(@menu_bg_dark_color, 1.28)),
+                                    to         (shade(@menu_bg_dark_color, 1.30)));
+    color: shade (@menu_fg_dark_color, 1.0);
+    box-shadow: inset  0px  1px shade(@menu_fg_dark_color, 0.3),
+                inset  1px  0px shade(@menu_fg_dark_color, 0.3),
+                inset -1px  0px shade(@menu_fg_dark_color, 0.3),
+                inset  0px -1px shade(@menu_fg_dark_color, 0.3);
+    /* color of the cursor */
+	caret-color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection,
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection:focus {
+    background-color: shade(@menu_fg_dark_color, 0.4);
+    color: shade (@menu_fg_dark_color, 1.2);
+}
+
+#restart_dialog.lightdm-gtk-greeter,
+#shutdown_dialog.lightdm-gtk-greeter {
+    border-radius: 10px;
+    border-style: solid;
+    border-width: 2px;
+    border-color: shade(@bg_dark_color, 0.8);
+    /* not sure if box-shadow works here */
+    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+    background-color: @bg_dark_color;
+}
+
+#restart_dialog.lightdm-gtk-greeter .dialog-vbox,
+#shutdown_dialog.lightdm-gtk-greeter .dialog-vbox {
+    background-color: transparent;
+    color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#restart_dialog.lightdm-gtk-greeter .linked button,
+#shutdown_dialog.lightdm-gtk-greeter .linked button {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: none;
+    color: @menu_fg_dark_color;
+    margin: 0px 0px 0px -1px;
+}
+
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:first-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:first-child,
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child,
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:last-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:last-child,
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
+                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset  0px -1px shade (@theme_selected_bg_color, 1.3);;
+}
+
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css
index ac9741fc..6ab849ef 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css
@@ -628,3 +628,149 @@ window.background > box.vertical > notebook overlay > scrolledwindow viewport {
     border-width: 0px;
 }
 
+/***********
+ * Lightdm *
+ ***********/
+
+#login_window.background.lightdm-gtk-greeter,
+#login_window.background.lightdm-gtk-greeter box.vertical {
+    border-radius: 10px;
+    border-style: solid;
+    border-width: 2px;
+    border-color: shade(@bg_dark_color, 0.8);
+    /* not sure if box-shadow works here */
+    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+    background-color: @bg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame {
+    border-radius: 0px;
+    border-style: none;
+    border-width: 0px;
+}
+
+#login_window.background.lightdm-gtk-greeter #user_image_border {
+    border-style: solid;
+    border-width: 1px;
+    border-color: shade(@bg_dark_color, 1.4);
+}
+
+
+#panel_window.background.menubar.lightdm-gtk-greeter {
+    /* not sure if box-shadow works here */
+    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+    background-color: @bg_dark_color;
+}
+
+#panel_window.background.menubar.lightdm-gtk-greeter label {
+    color: @fg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:focus {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: none;
+    color: @menu_fg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo cellview,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus cellview {
+    color: @menu_fg_dark_color;
+    text-shadow: none;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo arrow,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus arrow {
+    color: @menu_fg_dark_color;
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover,
+#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover:active,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover,
+#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover:active {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
+                inset  1px  0px shade(@selected_bg_color, 0.97),
+                inset -1px  0px shade(@selected_bg_color, 0.93),
+                inset  0px -1px shade(@selected_bg_color, 0.93);
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry,
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry:focus {
+    background-color: transparent;
+    background-image: -gtk-gradient(linear,
+                                    left top, left bottom,
+                                    from       (shade(@menu_bg_dark_color, 1.16)),
+                                    color-stop (0.15, shade(@menu_bg_dark_color, 1.26)),
+                                    color-stop (0.50, shade(@menu_bg_dark_color, 1.28)),
+                                    to         (shade(@menu_bg_dark_color, 1.30)));
+    color: shade (@menu_fg_dark_color, 1.0);
+    box-shadow: inset  0px  1px shade(@menu_fg_dark_color, 0.3),
+                inset  1px  0px shade(@menu_fg_dark_color, 0.3),
+                inset -1px  0px shade(@menu_fg_dark_color, 0.3),
+                inset  0px -1px shade(@menu_fg_dark_color, 0.3);
+    /* color of the cursor */
+	caret-color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection,
+#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection:focus {
+    background-color: shade(@menu_fg_dark_color, 0.4);
+    color: shade (@menu_fg_dark_color, 1.2);
+}
+
+#restart_dialog.lightdm-gtk-greeter,
+#shutdown_dialog.lightdm-gtk-greeter {
+    border-radius: 10px;
+    border-style: solid;
+    border-width: 2px;
+    border-color: shade(@bg_dark_color, 0.8);
+    /* not sure if box-shadow works here */
+    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
+    background-color: @bg_dark_color;
+}
+
+#restart_dialog.lightdm-gtk-greeter .dialog-vbox,
+#shutdown_dialog.lightdm-gtk-greeter .dialog-vbox {
+    background-color: transparent;
+    color: shade (@menu_fg_dark_color, 1.0);
+}
+
+#restart_dialog.lightdm-gtk-greeter .linked button,
+#shutdown_dialog.lightdm-gtk-greeter .linked button {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: none;
+    color: @menu_fg_dark_color;
+    margin: 0px 0px 0px -1px;
+}
+
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:first-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:first-child,
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child,
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:last-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:last-child,
+#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child,
+#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@menu_bg_dark_color, 2.03)),
+                                     to   (shade(@menu_bg_dark_color, 1.17)));
+    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
+                inset  1px  0px shade(@selected_bg_color, 0.97),
+                inset -1px  0px shade(@selected_bg_color, 0.93),
+                inset  0px -1px shade(@selected_bg_color, 0.93);
+}
+