search

ds9-artwork / sddm-theme-pss

Original PSS theme to work nicely on current Plasma, done by azubieta
0 stars 0 forks source link

Theme design #1

Open azubieta opened 8 years ago

azubieta commented 8 years ago

@UriHerrera we need a mockup for the sddm theme. Somthing like the existent maui theme

star-buck commented 8 years ago

We dont need a mockup for this, the idea is to take the code and make it look okay as is.

It has fx and random script to create background, just look at all elements and make them look nice by centering, aligning, etc. placing them common sense.

azubieta commented 8 years ago

Ok, I already made it work Just didn't like how it looks but I'll improve it.

I'll take the current maui theme as guide for positioning the different elements.

On 10/08/2016, at 12:46 p.m., star-buck notifications@github.com wrote:

We dont need a mockup for this, the idea is to take the code and make it look okay as is.

It has fx and random script to create background, just look at all elements and make them look nice by centering, aligning, etc. placing them common sense. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

UriHerrera commented 8 years ago

The current Maui SDDM theme uses a library called fluid and its SDDM theme looks like this (at least the recent version that it's part of Hawaii and that it's installed from the AUR packages):

Maui SDDM Theme

Maui SDDM Theme

I think this is doable without the need to use that specific library.

star-buck commented 8 years ago

Just position everything centered. You could make a screen of how it currently looks and post it here, then we decide what to do with it. Just for now lets not implement hawaii and stick to the revived old theme. On Aug 10, 2016 6:54 PM, "Alexis López Zubieta" notifications@github.com wrote:

Ok, I already made it work Just didn't like how it looks but I'll improve it.

I'll take the current maui theme as guide for positioning the different elements.

On 10/08/2016, at 12:46 p.m., star-buck notifications@github.com wrote:

We dont need a mockup for this, the idea is to take the code and make it look okay as is.

It has fx and random script to create background, just look at all elements and make them look nice by centering, aligning, etc. placing them common sense. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/plasma-extensions/sddm-theme-core/issues/1#issuecomment-238930485, or mute the thread https://github.com/notifications/unsubscribe-auth/AAzRhldd-vRy9J3UwDD7sef6c9EUEVilks5qegIxgaJpZM4JhRE2 .

azubieta commented 8 years ago

This is what I have done. It is composed by two screens, the first one is a lock page whit some general info and the second is the login page with the login specific stuff. There is a transition between pages were the lock page slides up.

It requires to be polished a little bit, but I will wait for your opinions to continue.

sddm_lock_screen sddm_login_screen

star-buck commented 8 years ago

Alexis: The first part is okay, the second screen should exactly have the look and feel of the old mauiproject, that is copy password field, dark grey background, etc. Just place the elements in the middle/center.

azubieta commented 8 years ago

Is something like this? It still requires to a circular list view for the users. sddm_login_srceen_gray

star-buck commented 8 years ago

yeah, let me see if i can screengrab how it was looking like when it was working...

star-buck commented 8 years ago

pretty close: greeter snapshot

star-buck commented 8 years ago

of course tastes vary, but imo this minimalism and background is something that looks really nice.

UriHerrera commented 8 years ago

Right, but the password field is too wide; half that size would be better. The name is quite close to the password field too it should have a bit more padding at the bottom. And of course the session buttons are almost invisible.

For a touch of flare it'd be nice to have the clock at the top in the format of the Alexis' first image.

azubieta commented 8 years ago

Here are two screenshots more, now the items are more spaced and centred. Also it only shows 3 users in the screen in order to not overload it too much.

Shoud I remove the session and layout pickers and add the "<" ">" at the borders ?

sddm_login_srceen_gray_2 sddm_login_srceen_gray_1

star-buck commented 8 years ago

looks good! maybe you can round the edges of the avatars just a bit, i mean automatically for any avatar.

azubieta commented 8 years ago

Ok, I uploaded the code. The user picture is placed inside a frame image that depending on the system style could have the border rounded or straight (wen you try it on kubuntu by example it looks rounded). This is the default behavior of the sddm breeze theme, now in order to force the rounded edges I can replace this frame by a rectangle an clip its content but this would make a little less customizable, should I do it ?

star-buck commented 8 years ago

can you do a picture with the rounded edges? lets alsod make the password field double as big again.

azubieta commented 8 years ago

Ok, i'll remove the frame and let only the user picture with the edges rounded. Also the password field width will be doubled. Please check the login error message. I was considering to add a CapsLock enabled alert inside the password field as an alert icon with a tooltip message, what do you think?

On 13/08/2016, at 4:23 p.m., star-buck notifications@github.com wrote:

can you do a picture with the rounded edges? lets alsod make the password field double as big again.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

azubieta commented 8 years ago

I have been working on the rounded edges. Right now I can only fake it with a rounded rectangle or an image. Results that QtQuick Item class does support clipping but this is limited to rectangular shapes.

On 13/08/2016, at 4:23 p.m., star-buck notifications@github.com wrote:

can you do a picture with the rounded edges? lets alsod make the password field double as big again.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

star-buck commented 8 years ago

Thats okay for now then. I suggest to lrave it there and continue with starting the notification-sidebar next.