help creating custom lock screen?

stanna · 2016-06-15 02:05:08

hello all,

i was hoping somebody could help point me in the right direction of creating a custom login or lock screen for xfce4? i am currently running fedora23 xrce4 spin if that helps? i cant seem to find a nice simple to understand guide to get me started. any suggestions would be appreciated. Thanks

stanna · 2017-01-20 02:13:07

really? nobody has a custom logon theme at all?

ToZ · 2017-01-20 02:53:52

Part of the problem, I think, is that Xfce desktop environment doesn't have a login manager or a screensaver. These are programs that are usually added by the distro to complete the user experience. Since no-one has replied to your thread here, you may be better suited asking this question over at the fedora forums (or the display manager and/or screensaver forums if they exist) on how to accomplish this.

This really isn't an Xfce issue, per se. Or at least, the expertise for that doesn't appear to exist here.

ozjd · 2017-01-20 05:40:22

If it helps Fedora uses LightDM for the Xfce spin so you need to search for LIghtDM themes and guides.

BTW Fedora 23 is past EOL so you really should update to 24 or 25. There is some new Xfce applications in both those versions including the latest terminal and notifications so it is worth updating.

stanna · 2017-01-20 07:47:06

perfect, thats enough information for me to get going hopfully! much appreciated.

and yes i have since gone upto fedora25 smile

Thanks guys.

wet-dog · 2017-02-09 18:22:58

If you are using LightDM Gtk version, You can import lightdm-gtk-greeter.css to your themes /gtk-3.0/gtk.css. Here is a lightdm greeter color scheme that you can edit you color preference.

/* lightdm greeter color scheme */
@define-color lightdm_bg_color #e8e8e7;
@define-color lightdm_bg_color_a #ff3333;
@define-color lightdm_bg_color_b #ffffff;
@define-color lightdm_bg_color_c #4a90d9;
@define-color lightdm_bg_color_d #f57900;
@define-color lightdm_fg_color #1a1a1a;

#login_window,
#restart_dialog,
#shutdown_dialog,
#login_notebook {
    background-color: alpha(@lightdm_bg_color_b, 0.1);

    border-width: 0px;
    border-style: solid;
    border-color: alpha(@lightdm_bg_color_b, 0.1);
    box-shadow: inset 1px 0px alpha(@lightdm_bg_color_b,0.1),
		inset -1px 0px alpha(@lightdm_bg_color_b,0.2),
		inset 0px 1px alpha(@lightdm_bg_color_b,0.2),
                inset 0px -1px alpha(@lightdm_bg_color_b,0.1);
    border-radius: 10px;
}

#login_notebook {
    border-radius: 4px;
}

#login_window *,
#restart_dialog *,
#shutdown_dialog * {
    color: @lightdm_fg_color;
}

#prompt_entry {
    color: @lightdm_fg_color;
}

#panel_window {
    background-color: @lightdm_bg_color_c;
    background-image: none;
    color: @lightdm_fg_color;
}

#panel_window #menubar,
#panel_window > #menubar {
    background-color: @lightdm_bg_color;
    background-image: none;
    color: @lightdm_fg_color;
    /*border-bottom-color: alpha(@light_shadow,0.2);
    text-shadow: 0px 1px alpha(@dark_shadow, 0.8);*/
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}

#panel_window > #menubar * {
    text-shadow: none;
}

#panel_window > #menubar *:hover {
    text-shadow: 0px 1px alpha(@dark_shadow, 0.8);
}

#panel_window #menubar > .menuitem,
#panel_window > #menubar > .menuitem {
    background-color: transparent;
    color: @lightdm_fg_color;
}

#panel_window > #menubar > .menuitem:active,
#panel_window.menubar.menuitem:hover,
#panel_window.menubar .menuitem:hover,
#panel_window .menubar.menuitem:hover {
    background-color: alpha(@lightdm_bg_color_c, 0.7);
    border-color: shade(@theme_selected_bg_color, 1.1);
    background-image: linear-gradient(to bottom,
                                      shade(@theme_selected_bg_color, 1.2),
                                      shade(@theme_selected_bg_color, 1.0)
                                      );
}

#message_label {
    color: #d20f0f;
}

#cancel_button,
#login_button,
#login_window .button,
#shutdown_button,
#restart_button {
    background-color: alpha(@lightdm_bg_color_c, 0.7);
    background-image: none;
    border-color: @theme_selected_bg_color;
    /*border-top-color: alpha(@dark_shadow, 0.9);
    border-bottom-color: alpha(@dark_shadow, 0.9);
    border-left-color: alpha (@dark_shadow, 0.9);
    border-right-color: alpha (@dark_shadow, 0.9);*/
    padding: 4px 16px 4px 16px;
    border-radius: 4px;
    text-shadow: 0px 1px alpha(@dark_shadow, 1.0);
    box-shadow: inset 1px 0px alpha(@light_shadow, 0.2),
                inset -1px 0px alpha(@light_shadow, 0.2),
                inset 0px 1px alpha(@light_shadow, 0.3),
                inset 0px -1px alpha(@light_shadow, 0.1);
}

#login_window .button:focus,
#shutdown_button:focus,
#restart_button:focus {
    border-color: @theme_selected_bg_color;
}

#language_combobox .button:disabled,
#session_combobox .button:disabled {
    background-color: shade (@lightdm_bg_color, 1.5);
background-color: shade (@lightdm_bg_color, 1.5);
}

#login_window GtkComboBox .button {
    padding: 2px 6px 2px 2px;
}

#user_combobox .menu *,
#session_combobox .menu *,
#language_combobox .menu * {
    color: shade (@lightdm_fg_color, 0.2);
    text-shadow: none;
}

#user_combobox .menu *:hover,
#session_combobox .menu *:hover,
#language_combobox .menu *:hover {
    color: @lightdm_fg_color;
    text-shadow: 0px 1px alpha(@dark_shadow, 0.4);
}

#logo,
#user_image {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: alpha(@dark_shadow,0.9);
    padding: 3px;
    box-shadow: inset 1px 0px alpha(@light_shadow, 0.2),
                inset -1px 0px alpha(@light_shadow, 0.2),
                inset 0px 1px alpha(@light_shadow, 0.3),
                inset 0px -1px alpha(@light_shadow, 0.1);
}


#login_window .button:hover {
    background-color: alpha(@lightdm_bg_color_c, 0.4);
    color: @lightdm_fg_color;
}

#login_button:hover {
    background-color: alpha(@lightdm_bg_color_c, 0.3);
}

#shutdown_button:hover,
#restart_button:hover {
    background-color: alpha(@lightdm_bg_color_a, 0.5);
}

#cancel_button:hover {
    background-color: alpha(@lightdm_bg_color_d, 0.4);
}

A file /etc/lightdm/lightdm-gtk-greeter.conf has background, theme, etc. settings.

Xfce Forum

Sub domains

#1 2016-06-15 02:05:08

help creating custom lock screen?

#2 2017-01-20 02:13:07

Re: help creating custom lock screen?

#3 2017-01-20 02:53:52

Re: help creating custom lock screen?

#4 2017-01-20 05:40:22

Re: help creating custom lock screen?

#5 2017-01-20 07:47:06

Re: help creating custom lock screen?

#6 2017-02-09 18:22:58

Re: help creating custom lock screen?

Board footer