Code Monkey home page Code Monkey logo

lightdm-webkit-theme-litarvan's Introduction

Litarvan's LightDM WebKit2 theme

Arch Release  Latest Release  Github downloads

=> Screenshots below

Customize release

Backgrounds can be added in /usr/share/backgrounds and chosen in the Theming view (bottom right corner of the Setup view).

Customize the OS logo within /usr/share/lightdm-webkit/themes/litarvan/img/os.xxxxxxxx.png

Installation

Arch Linux (3.2.0)

pacman -S --needed lightdm-webkit2-greeter lightdm-webkit-theme-litarvan
  • If not already done, edit /etc/lightdm/lightdm.conf and set greeter-session=lightdm-webkit2-greeter .
  • Then edit /etc/lightdm/lightdm-webkit2-greeter.conf and set theme or webkit-theme to litarvan .

Manual (3.2.0)

  • Install lightdm-webkit2-greeter using your dependency manager if not already done
  • Download and unzip the tar file in /usr/share/lightdm-webkit/themes/litarvan/
  • Edit /etc/lightdm/lightdm-webkit2-greeter.conf and set theme to litarvan.

Building (latest features in development, future 3.3.0)

$ ./build.sh

Will generate a lightdm-webkit-theme-litarvan-3.2.0.tar.gz in the current folder.

Screenshots

Setup screenshot

Splash screenshot

Login screnshot

Desktops screenshot

Theming screenshot

lightdm-webkit-theme-litarvan's People

Contributors

0x020b avatar 0xfmel avatar aakodal avatar alexkrass76 avatar arfawong avatar bartwillems avatar bo0tzz avatar bundito avatar codingcellist avatar dependabot[bot] avatar evaan avatar gorzen avatar hrothgar32 avatar jakubzet avatar jezerm avatar kylelaker avatar lakejason0 avatar landaire avatar litarvan avatar mipxx avatar moriel5 avatar orejo avatar pjalali avatar ronondex avatar scotus-1 avatar ssgelm avatar theorangepuff avatar zaynchen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

lightdm-webkit-theme-litarvan's Issues

Add Budgie-de Icon

Thanks for sharing your work. I have skipped display managers all together for years and opted to just 'startx'....but this theme caught my eye. And it works wonderfully.

I will take a look at the source, but at some point if you could add an icon for Budgie DE that would great.

Cheers.

[Feature Request] Option to Show Information Such as Battery Percentage Without Splash Screen

I really want to recommend your WebKit greeter as an option (and hopefully as the default) for Solus (I'm just a user, so this is not a certain sign of anything), however as Solus is desktop-driven, it would make sense for certain features (such as the battery percentage, time and date, etc.) to be (optionally) shown there without the splash screen.

It would be nice to be able to do that.

option to disable splash screen

I would like to disable splash screen. I've modified /components/app/app_component.dart to set duration to 0.1 or 0 but it did not changed anything.

option to disable splash screen and space button press

Hi great theme. I found it today, and love it.

would it be possible to disable the arch splash screen?
and also would it be possible to disable the "press space" to login, but directly show the login field on boot?

if so, how would i change it to work that way?

Background

Hello! Is it possible to change the default background?

Trying to change existing CSS

I'm trying to change the design a bit. Specifically, I'm trying to change the CSS of the displayed error and the login container. I can't seem to change it at all. I've tried changing the #error in litarvan/packages/lightdm_webkit_theme_litarvan/components/login_component.css. Still doesn't work.

Let me know if there's another way to do it

[Feature Request] Onscreen Keyboard

For those of us on a touchscreen, such as on a tablet or convertible (or external touch display), having an onscreen keyboard would be great.

Logging in does not work

So I finally got it to run as intended, but now I have a new problem. Putting in any password - any at all, real or fake - then hitting enter will lock the password box and do nothing. Backing up to the "press enter/space" menu will clear and unlock the password box, but regardless there's neither a login nor a notification that the password is incorrect.

Sidenote: the animations are extremely laggy (to the point of slowing the entire greeter down) on my machine, despite working fine on the live test site

Dual monitor with different resolutions

I have a 1080p secondary monitor and a 1440p main monitor, the blur effect when entering the password is creating a black line at 1920px width, https://imgur.com/a/OQrE9lb

If you can let me know where in the src files the blur effect is located i can try to sort it out myself as you probably can't test this

Also while i'm at it, an option to disable the blur would be nice

blackscreen.

in the settings there is a icon on the bottom right corner, pressing on it reveals a blackscreen. and in the main settings screen, the text is invisible and so i had to try to remember the options from the web preview. i use the latest release from github on arch. Also i struggle to enable manual user name input...

Disable fade to black

Is there anyway to disable the fade to black between press log in and the desktop? I have the same background set for the greeter and for my desktop, so I would like to have a seamless fade. I'd be fine with editing the files just for myself, but I don't know a whole ton about dart.

Cannot start version 3.0.0 pre 3

I've tried to manually install the pre 3 of 3.0.0 but it seems that there is a problem with IBus (at least it is the first error that ti returns). When launching lightdm-webkit2-greeter from cli, the greeter window appears black and eventually returns an error asking to load fallback theme. Meanwhile, in console, i get the following

(lightdm-webkit2-greeter:2515): IBUS-WARNING **: 10:18:24.634: Unable to connect to
ibus: Impossibile connettersi: Connessione rifiutata
CONSOLE WARN The resource file:///usr/share/lightdm-webkit/themes/litarvan/app.225ea7ba.css was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
CONSOLE WARN The resource file:///usr/share/lightdm-webkit/themes/litarvan/app.46f3f1a8.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.

I have simply untared the archive in /usr/share/lightdm-webkit/themes/litarvan

Not optimal on 4k/big screens

Hey, somewhat like a 1 month ago I got myself a new 32' 4K screen. This worked fine in the previous version but it's a bit problematic in the new one. The main issue is that the background does not zoom in to fit the screen, instead it repeats itself. The blur is also too big, I can notice squares, it's not smooth.

Documentation Improvement

This was the first custom theme I had installed for lightdm. I read through the arch wiki lightdm section before reading through the install instructions on this repo. Both were not enough to get this theme up and running.

I went searching through other lightdm-webkit themes repos to see if i could find more information and found bryanbecker's GlitchDM. His readme provided more insight.

Because I was new to all this, there were some questions I didn't know the answers to. Below I've documented the exact steps i followed to get this project working "from scratch". Would you approve a pull request adding these steps to the README for others to see?

I think it would also be appropriate to point future users to the Arch Wiki arcticle on LightDM so that they can get a broad overview. The wiki helped me understand what a greeter was, for example.

Otherwise, the theme worked perfectly!

Here is a full list of instructions I had to follow:

Install Package and Dependencies:

sudo pacman -S lightdm lightdm-webkit2-greeter
yaourt -S lightdm-webkit2-theme-litarvan

Configure lightdm to use lightdm-webkit2-greeter as it's greeter

Edit /etc/lightdm/lightdm.conf to include:

[Seat:*]
greeter-session=lightdm-webkit2-greeter
session-wrapper=/etc/lightdm/Xsession

Configure lightdm-webkit2-greeter to use litarvan theme:

Edit /etc/lightdm/lightdm-webkit2-greeter.conf to include:

[greeter]
webkit_theme = litarvan

(In your readme you say /etc/lightdm/lightdm-webkit.conf which i'm not sure is correct. Please correct me if I'm wrong.)

Ensure lightdm.service is enabled on startup

sudo systemctl enable lightdm.service

Try it out

sudo systemctl start lightdm.service

or

shutdown -r now

main.dart.js ?

Hi, I can't get the theme to run. I see the first logo but get: "An error was detected in the current theme that could interfere with the system login process.".

These lines from /var/log/lightdm/seat0-greeter.log seem like a hint, but I can't figure out what to do next:

file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21897:27: CONSOLE LOG
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21889:24: CONSOLE LOG EXCEPTION: Error in asset:lightdm_webkit_theme_litarvan/lib/components/app/app_component.html:1:0
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21892:24: CONSOLE ERROR EXCEPTION: Error in asset:lightdm_webkit_theme_litarvan/lib/components/app/app_component.html:1:0
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21884:24: CONSOLE ERROR ORIGINAL EXCEPTION: RangeError (index): Index out of range: no indices are valid: 0
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21884:24: CONSOLE ERROR ORIGINAL STACKTRACE:
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21884:24: CONSOLE ERROR wrapException@file:///urs/share/lightdm-webkit/themes/litarvan/main.dart.js:3119:26

Can't log in when using pam_oath.so for authentication

Hello! Really enjoy your theme, but just ran across an issue.

I was trying to set up HOTP authentication using the pam_oath module but whenever I would hit enter, the greeter would "hang" -- not to the point of me having to change TTYs and kill the greeter, but to where I would have to hit Esc and try to log in again after commenting out the offending line in the lightdm PAM configuration.

/etc/pam.d/lightdm:

#%PAM-1.0
auth	  sufficient pam_oath.so usersfile=/etc/users.oath window=30 digits=6
auth        include     system-login
-auth       optional    pam_gnome_keyring.so
account     include     system-login
password    include     system-login
session     include     system-login
-session    optional    pam_gnome_keyring.so auto_start

I noticed that the Antergos webkit theme does not have the same problem, and I can log in with my HOTP-generated code just fine. Maybe there is something you could lift from their codebase that would let your theme do the same thing. Potentially additional information at my thread here: https://www.reddit.com/r/archlinux/comments/9vmdlu/two_factor_authentication_for_lightdm/

[Feature Request] Accessibility [a11y] Support

Having support for accessibility options will be great for people who need them.
Additionally, an accessibility menu would be appropriate for manual enabling/disabling the options.

Also, in such an instance, having the accessibility options being persistently saved will make life much easier for people who rely on a11y.

[BUG?] Multimonitor problem

When I open my computer and the mouse is in the center at default of two monitors when using lightdm. Pressing space wont work, I cant login unless I switch my mouse to primary monitor first.

Black bar when using a huge profile picture

I have a huge dark profile picture and when I press space (not before) and everything blurs, there's a blurred vertical.

The vertical line is placed in a way that it could be the edge of the square profile picture, that's resized to fit the window container.

Example screen:

+-------------------------------------+
|                 O          |        |
|               -----        |        |
|                ---         |        |
|                            |        |
|                            |        |
|                            |        |
|                            |        |
|                            |        |
+-------------------------------------+

Error after pressing Enter/Space

After pressing Enter/Space, I get a message that says

An error was detected in the current theme that could interfere with the system login process.

Contents of /var/log/lightdm/seat0-greeter.log:

CONSOLE WARN The resource file:///usr/share/lightdm-webkit/themes/litarvan/css/app.ede3fe8d.css was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
CONSOLE WARN The resource file:///usr/share/lightdm-webkit/themes/litarvan/js/app.60d3db8f.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
CONSOLE WARN The resource file:///usr/share/lightdm-webkit/themes/litarvan/js/chunk-vendors.b4a3ade3.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
file:///usr/share/lightdm-webkit/themes/litarvan/js/chunk-vendors.b4a3ade3.js:7:12024: CONSOLE ERROR TypeError: e[Symbol.iterator] is not a function. (In 'e[Symbol.iterator]()', 'e[Symbol.iterator]' is undefined)

(lightdm-webkit2-greeter:685): Gtk-CRITICAL **: 18:16:50.560: gtk_widget_destroy: assertion 'GTK_IS_WIDGET (widget)' failed

Let me know if there's any additional information that you would need to troubleshoot this issue.

[Feature Request] Font Selection

Thanks for this pretty theme.
I would love to be able to customize it by defining fonts myself.

Would this be non-trivial to implement?

Where is the config stored?

I'm trying to install and use Litarvan on an immutable and stateless system - so the setup is running every time because the config can't be persisted!
If I could just figure out where the config is being stored, I could copy it into the build scripts that create the system image...

HiDPI Support

Is it possible to adjust settings to scale for HiDPI monitors?

Logo time change

Hi, not an issue but rather a question - what is the simplest way to change duration of logo? I tried to put some short video, but i did not manage to find out a way to make it play longer than original logo. Can you help?

Error loading theme

Hello,

I really appreciate this theme but I can't load the theme when I launch lightdm. I have to load the default theme if not I have a black screen

Someone could help me ?

Thanks

Options Button not visible

The options button from the live preview isn't visible after installing

I installed the theme with pacman -S pacman -S lightdm-webkit-theme-litarvan

I'm using lightdm-webkit2-greeter and the theme is displaying correctly, however I can't edit the configuration to enable round-avatar pictures for example. And I didn't find any info regarding the option button in the readme.

Trouble loading litarvan theme for webkit

I recently installed litarvan on my Manjaro linux 17.0.6 with lightdm-webkit2-greeter configured properly,
I get a blinking screen on loading lightdm. It then asks me to load the default or fallback theme...

seat0-greeter.log

This is the log file of the same, pls help me out!

[Feature Request] Language Selector

If this isn't already included (I'm currently going through the commits to check if this is), it would be a good idea to add support for additional languages for people who for some odd reason set their password to a language other than English.

As part of this, since I see that there is not much to do, I intend to translate lightdm-webkit-litarvan to Hebrew later (if I have the time). This should also allow me to test how well does your greeter work with RTL and non-latin characters.

webkit or webkit2?

is this written for webkit or webkit2? the index.theme says webkit but README has mentions of webkit2.

Fingerprint reader support

Thanks for making this very polished theme. Currently, there is no prompt such as "swipe your fingerprint to login" like the stock antergos theme for webkit2-greeter. One has to press enter while in the password entry box to activate the fingerprint reader. Also, if fingerprint authentication fails, it does not fall back to the usual password authentication. I'm on Arch.

[Suggestion] Password field should be focused on launch

When I unlock my session, the password field is not focused, so I have to manually click on it before I can enter my password.

This might not seem like too big of an issue, except that lightdm doesn't handle my trackpad correctly and clicking is unreliable, so it'd be nice if this were an option.

Edit:

I found that, as a temporary fix, I can edit main.dart.js, locate the line var t1 = this.password; (in LoginComponent_ngOnInit__setEnabled) and insert t1.focus(); below it to implement this behavior.

To implement this from the original dart source code, you can probably add password.focus(); to the setEnabled() definition inside of LoginComponent::ngOnInit.

Dependecies

Hi!

I cannot get it to run. I just get errors:

** (lightdm-webkit2-greeter:11961): CRITICAL : 10:50:45.372: void webkit_web_view_load_uri(WebKitWebView, const gchar): assertion 'WEBKIT_IS_WEB_VIEW(webView)' failed

runUnary$2@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:7993:47
runUnaryGuarded$2@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:7914:31
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:8076:44
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:2528:29
call$0@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:4391:35
eval$1@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:2159:31
_callInIsolate@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:1805:34
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:3267:34
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:3288:24
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21897:27: CONSOLE LOG
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21889:24: CONSOLE LOG EXCEPTION: NullError: method not found: 'toLowerCase$0' on null
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21892:24: CONSOLE ERROR EXCEPTION: NullError: method not found: 'toLowerCase$0' on null
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21884:24: CONSOLE ERROR STACKTRACE:
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21884:24: CONSOLE ERROR toLowerCase$0$s@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:25120:40
$get$1@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:24641:34
$index@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:24655:27
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:23222:40
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21309:30
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:5860:24
run$2@file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:7865:47
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21259:29
file:///usr/share/lightdm-webkit/themes/litarvan/main.dart.js:21266:27

Are there any dependencies I need? Do I need dart to run it for example?

It looks really nice so would really like to get it to run.

I'm on a fresh Arch install with i3-gaps if that matters.

Regards

Current pre-release version not grabbing avatar

I've got my avatar set (from within Plasma, on Manjaro), but the greeter only shows me the generic user avatar. If I run lightdm --test-mode in Plasma, it pulls my avatar (although the window is so small the layout is all messed up).

Any idea what's going on? Can I help?

scaled to big

Hi i tried your new version v3.0.0-pre2.
now every thing is scaled way to big, like 4 time as big as normal.
the older version had the right scaling

but it sure looks good, keep up the good work :)

Installation guide doesnt seem to be enough?

Hi!

I've being trying to set this theme but nothing seems to work.

pacman -S lightdm-webkit-theme-litarvan

sudo vim /etc/lightdm/lightdm.conf
under the section
[LightDM]
greeter-session=lightdm-webkit2-greeter

sudo vim /etc/lightdm/lightdm-webkit.conf
#seems like there was no such file earlier so I wrote
theme = litarvan

OOh it was a wrong file.. my typo sorry!

Color configuration

Is it possible to change the text and icon colors in some sort of configuration file? I think this would be a good feature in the case that the user's desired background image is lighter-colored, making it hard to read the white icons and text over a light background.

[Question] Release plan

Hi there,

first of all I want to say that this is my favorite theme out there. It is elegant and simple.
The customization of the 3.0 release makes it perfect.

I just wanted to know what your release plans are and if there are any problems that are currently blocking a 3.0 release? I am using Arch Linux and can't wait to see a 3.0 on my machine.

Suspend

Can you add suspend option please?

Cannot access setup

I got the installation from the Arch Repository. Wondering why the greeter is still the old version and not as same as Live Testing

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.