Giter Site home page Giter Site logo

gremious / discord-wal-theme-template Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 1.0 90 KB

Pywal and Wallust template files for generating Vencord themes.

CSS 100.00%
discord-theme discord-themes discord-themes-created pywal discord vencord vencord-theme wallust

discord-wal-theme-template's Introduction

A pywal and wallust template for Vencord (or probably any other client capable of loading css, no guarantees).

Does not modify any discord styling outside of colors - it is just a recolored, vanilla discord.

Is uses the same formula for generating background color shades as Pywalfox, so the colors will match :)

(Just set "color0": "{{background}}", in the colors.json template for pywalfox if using wallust)

Dark theme only, sorry, I don't really use light themes, though it might work ok with pywal -l. If you edit the template because you use light themes with wal - feel free to PR!

Usage

pywal

Add the discord-pywal.css file to your $HOME\.config\wal\templates. After generating a pallette with wal there will be a discord-pywal.css file in your $HOME\.cache\wal directory. See https://github.com/dylanaraps/pywal/wiki/User-Template-Files for more information

You can then copy the cached theme to $HOME\AppData\Roaming\Vencord\themes\pywal.css in the script you run to update things after running wal or w/e. Then you can enable it in the Vencord settings.

wallust

When using wallust you first need to check which version you have. You can do that by running this command:

wallust --version
Should your version be >= than 3.0.0 follow this guide

Copy discord-wallust-beta.css to %appdata%\wallust and add this line to your %appdata%\wallust\wallust.toml

[templates]
vencord = { template = 'discord-wallust-beta.css', target = 'C:/Users/Username/AppData/Roaming/Vencord/themes/wallust.css' }

Note that for toml, that has to be on one line. As an alternative, you can also write:

[templates.vencord]
template = 'discord-wallust.css'
target = 'C:/Users/Username/AppData/Roaming/Vencord/themes/wallust.css'
Otherwise please follow these instructions

Copy discord-wallust.css to %appdata%\wallust and add this to your %appdata%\wallust\wallust.toml

[templates]
vencord = { template = 'discord-wallust-beta.css', target = 'C:/Users/Username/AppData/Roaming/Vencord/themes/wallust.css' }

Note that for toml, that has to be on one line. As an alternative, you can also write:

[templates.vencord]
template = 'discord-wallust-beta.css'
target = 'C:/Users/Username/AppData/Roaming/Vencord/themes/wallust.css'

Editing

I have left a bunch of notes and commented styles, and the color variable names are pretty self-explanatory: feel free to tinker around!

If you want e.g. comfycord/material/etc. support, you can edit the theme/template directly (e.g. in Vencord's "Open QuickCSS File") and import your favorite theme before the colors. Don't shy away from DIYing with the theme/template, it is not difficult.

discord-wal-theme-template's People

Contributors

danid3v avatar gremious avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

danid3v

discord-wal-theme-template's Issues

AttributeError: 'Color' object has no attribute 'red'

Hey! I'm trying to use this theme, but after copying discord-wal.css to $HOME/.config/wal/templates and running pywal, I get the following error:

> wal -i X39qMYI.jpeg
[I] image: Using image X39qMYI.jpeg.
[I] theme: Set theme to _home_user_Wallpapers_X39qMYI_jpeg_dark_None_None_1.1.0.json.
[I] colors: Found cached colorscheme.
[I] wallpaper: Set the new wallpaper.
[I] sequences: Set terminal colors.

Traceback (most recent call last):
  File "/usr/bin/wal", line 33, in <module>
    sys.exit(load_entry_point('pywal==3.3.0', 'console_scripts', 'wal')())
             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.11/site-packages/pywal/__main__.py", line 208, in main
    parse_args(parser)
  File "/usr/lib/python3.11/site-packages/pywal/__main__.py", line 185, in parse_args
    export.every(colors_plain)
  File "/usr/lib/python3.11/site-packages/pywal/export.py", line 68, in every
    template(colors, file.path, join(output_dir, file.name))
  File "/usr/lib/python3.11/site-packages/pywal/export.py", line 15, in template
    template_data = "".join(template_data).format(**colors)
                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
AttributeError: 'Color' object has no attribute 'red'

~/Wallpapers                                                                                                         
> wal -v
wal 3.3.0

When running with the wal backend, I get a different error message:

> wal -i X39qMYI.jpeg -b wal
[I] image: Using image X39qMYI.jpeg.
[I] theme: Set theme to _home_user_Wallpapers_X39qMYI_jpeg_dark_None_None_1.1.0.json.
[I] colors: Found cached colorscheme.
[I] wallpaper: Set the new wallpaper.
[I] sequences: Set terminal colors.

Traceback (most recent call last):
  File "/usr/bin/wal", line 33, in <module>
    sys.exit(load_entry_point('pywal==3.3.0', 'console_scripts', 'wal')())
             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.11/site-packages/pywal/__main__.py", line 208, in main
    parse_args(parser)
  File "/usr/lib/python3.11/site-packages/pywal/__main__.py", line 185, in parse_args
    export.every(colors_plain)
  File "/usr/lib/python3.11/site-packages/pywal/export.py", line 68, in every
    template(colors, file.path, join(output_dir, file.name))
  File "/usr/lib/python3.11/site-packages/pywal/export.py", line 15, in template
    template_data = "".join(template_data).format(**colors)
                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.11/site-packages/pywal/util.py", line 25, in rgb
    return "%s,%s,%s" % (*hex_to_rgb(self.hex_color),)
                          ^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/lib/python3.11/site-packages/pywal/util.py", line 116, in hex_to_rgb
    return tuple(bytes.fromhex(color.strip("#")))
                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
ValueError: non-hexadecimal number found in fromhex() arg at position 0

pywal installed via AUR (extra/python-pywal, version 3.3.0-8).

Please let me know if you need any more information. Thanks.

completely transparent elements in discord canary

great template, i really love the use of the pywalfox formula to create the additional shades, however i'm experiencing this issue of some elements like tooltips and the popup menus being completely transparent

image

i'm using pywal16, discord canary, the pywal template and injecting the css with beautifuldiscord

can't get the wallust template to work on linux.

no matter how i write that entry in the wallust.toml file, it doesn't get read at all from it.
this is how i have it written.
vencord = { template = '/home/giuls/.config/wallust/discord-wallust-beta.css', target = '/home/giuls/.config/Vencord/themes/wallust.css' }
i'm using the v3 beta, if it helps.

Docs - "home" directory

You can use "~" to refer to /Users/myusername since I use shellexpand to resolve tilde expansion. (internally uses https://docs.rs/dirs/5.0.0/dirs/fn.home_dir.html)

Im not sure how safe it is to read env variables in paths, so Im opting for just a simple tilde expansion, and letting you know that you could use it for a simpme copy and paste config :)

Edit: this is a feature since v2 :p

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.