Lavender - A purple powercord theme

Overview

Lavender

A good looking dark purple-ish theme for discord.

If you got any suggestions for / issues with this theme just ping @Obscure.#4719 in #theme-dev of powercord server or open an issue here with the given templates.

Important

When scrolling through member lists and long channel lists, the scrollbar randomly gets stuck and starts flickering. To get rid of this annoyance you can try the below fixes:

Fix 1

Fix 1 is by downloading a plugin called SmoothScrollPowercord for powercord. (I didnt find a plugin similar to this for BetterDiscord so if you know of any let me know 👍 )

Fix 2

Fix 2 is by unloading a part of the theme, this will make the channel list and members list a little ugly so only use this if Fix 1 doesn't work for you.

For powercord

  • Step 1: Go to src folder and open the source.scss file.

  • Step 2: Inside source.scss file remove this line: @use "components/membersList";

    You will need to repeat this thing everytime you update Lavender theme.

For BetterDiscord

Open your theme file ( bd-lavender.theme.css ) and remove this line: @import "https://obscure-git.github.io/Lavender/src/components/membersList.css";

Credits

This theme uses some snippets from @CorellanStoma#1996, @LuckFire#4800 and @mr_miner#9699 so credits to them. 👍

Screenshots

The below screenshot is currently outdated, I'll update it soon with screenshots that better represent the theme

screenshot1

screenshot2

Clients

Support for BetterDiscord (Canary) is available inside the clients folder. Support for other clients will come soon.

Server

Lavender doesn't have a server of its own obviously but I do have a random community server called Gradient, you can join it for some fun maybe 🤷‍♂️ .

• Invite link: dicord.gg/B9TK7nqRE4

Comments
  • Issue with member list

    Issue with member list

    Hi,

    I'm using the ChannelTab plugin and when i switch between tabs the member list is been cut off from the left side and i have to click on DMs then Members to get it back to normal.

    Bugged:

    Screenshot 2022-03-26 224848

    Screenshot 2022-03-26 224904

    Normal:

    Normal

    Bug report Fixed 
    opened by Bamboozul 9
  • Typing f multiple times stacks the fs.

    Typing f multiple times stacks the fs.

    Pictured: typing afffffe with and without this theme.

    image image (there are more than 2 fs in this text box)

    while typing out all the fs the cursor text cursor jumps back and forth between the start and the end of the place where the fs are stacked. this also happens while pasting in the entire string at once.

    Here is a list of all my system fonts in case that matters.

    It also happens in messages: image

    Bug report Fixed 
    opened by romangraef 7
  • Sidebar

    Sidebar

    If you are in a server with too many channels and try to scroll through them all the slider on the left gets bugged and you have to manually click it in order to get out of the "bug"

    Example: https://streamable.com/vvoe1k

    Bug report Fixed 
    opened by Novattz 7
  • Ref. #11, status indicators weird

    Ref. #11, status indicators weird

    As someone mentioned in #11, the status indicators are bugged out. They appear weird as in the pictures in #11. It seems to happen when the status changes, e.g. someone going from offline to online.

    Bug report Fixed 
    opened by Kodemikkel 5
  • Bugged out status indicators

    Bugged out status indicators

    Describe the bug Staus indicator buggs out

    Your discord client: [ e.g. BetterDiscord (latest) ]

    Screenshots Bug image

    Intended image

    Additional context It happens only with certain users, other have the intended version I actually have no idea how to replicate it or what the condition for this bug to happen could be

    Bug report Fixed 
    opened by auribuo 5
  • Emoji/GIF picker button is overriden by file picker

    Emoji/GIF picker button is overriden by file picker

    The file upload button opens a menu that lets you pick a file to upload, but in order to pick emoji or GIFs, I have to switch back to the default theme.

    Lavender's file picker button (below) + the floating menu it opens (above): image

    Default emoji picker (normally in the same spot): image

    opened by bingbingyahoo27 3
  • Powercord Crash

    Powercord Crash

    I have Spotify premium and I thought there is a Spotify playlist plugin connected to the theme. When I start playing music - Powercord instantly crashes. And it keeps crashing even if I reload it without Spotify, only deleting a theme fixes an issue

    opened by LynxarA-Coding 3
  • Quick Switcher is not working correctly

    Quick Switcher is not working correctly

    Describe the bug After opening the Quick Switcher with CTRL+K, you are unable to select any choice from it with the arrow keys Your discord client: [ e.g. Powercord ] Powercord Screenshots If applicable, add screenshots to help explain your problem. DiscordCanary_9AztAIahzt

    In this gif I tried using arrow keys, but they do nothing Additional context Pressing enter causes you to go to random(?) entry in the switcher

    Bug report Fixed 
    opened by PixelHir 3
  • Titlebar buttons only show on hover

    Titlebar buttons only show on hover

    Describe the bug Titlebar buttons is invisible. (Close, Minimize etc)

    Your discord client: [ e.g. Powercord ] BetterDiscord Screenshots image

    Additional context It only appears when hovering the cursor over it. image

    Fixed 
    opened by Suburbanno 3
  • Game Activity Toggle Not Showing

    Game Activity Toggle Not Showing

    Describe the bug Game Activity Not Showing In Sidebar

    Your discord client: [ e.g. Powercord ] Powercord

    Screenshot 2022-02-09 223311

    Screenshots

    Additional context Cuts Off Other Server , Useless Space I Got More Servers If I Scroll Down

    Bug report Fixed 
    opened by Catchii 3
  • Send button design

    Send button design

    i don't know whether it's possible, but i think it would be interesting to see either the behaviour of the send button(when enabled) to be changed to have the entire input bar be highlighted when there's something to send, rather than just the button image

    Or to have an animation of the button sliding in (like the search bar)

    is it possible and is there any better opinion on how this should be done?

    Feature Request Rejected 
    opened by nikorue 2
  • [BUG] With new Discord update the User Info has accent colors, some of them not working

    [BUG] With new Discord update the User Info has accent colors, some of them not working

    After the latest update, I think discord has added accent colors to nitro users, for some combination of colors the text is unreadable

    To Reproduce [Optional if its obvious] Steps to reproduce the behavior:

    1. Go to server
    2. Click on anyone who as nitro
    3. If the color combination is right, it looks like shown below

    Expected behavior The text should be legible.

    Screenshots image

    OS Details:

    • OS: Windows 10
    • Client version: Stable 154186 (fccec91)
    • Client Mod: BetterDiscord(1.8.2)
    Bug report On hold 
    opened by Dohvakin 0
  • server banner glitching

    server banner glitching

    when making discord fullscreen (on a 1080p monitor if that matters, with default zoom/scaling by discord and system) banner starts glitching out and you can't catch it by frame, best example is BD server itself

    Bug report On hold 
    opened by nikorue 0
  • [BUG] Users in side pane are always in a

    [BUG] Users in side pane are always in a "hovered" state

    For some reason, every user in the side pane has a :hover-esque highlight, even without hovering over any profiles.

    The blue line in the hover animation still shows, but the hover highlight is always present.

    Before:

    (Taken from the essence theme with the Preview section here)

    image

    What I see now:

    image

    Expected behavior [Optional if its obvious] The side panel should look clean without highlights like it does in the top image.

    OS Details:

    • OS: Linux (Fedora 36)
    • Client version: Stable 152131 (6ed73b9)
    • Client Mod: BetterDiscord
    • Lavender version: 3.0.1
    Bug report On hold 
    opened by bingbingyahoo27 1
  • [BUG] Avatar hover inside user profile popout.

    [BUG] Avatar hover inside user profile popout.

    When hovering the shadow gets cut and it is very sus To Reproduce [Optional if its obvious] Steps to reproduce the behavior:

    1. Go to anyones profile
    2. Click on the profile
    3. hover the pfp
    4. See error

    Expected behavior [Optional if its obvious] A clear and concise description of what you expected to happen.

    Screenshots If applicable, add screenshots to help explain your problem.

    Additional Context: Profile skins new popout

    Bug report On hold 
    opened by SaN078 10
  • [BUG] The Do-Not-Disturb icon does not appear correctly when in a DM

    [BUG] The Do-Not-Disturb icon does not appear correctly when in a DM

    Describe the bug The Do-Not-Disturb icon does not appear correctly when in a DM

    To Reproduce Steps to reproduce the behavior:

    1. Go to a DM of a user in DND
    2. See error

    Screenshots https://cdn.blueskye.dev/Discord_q9Rx1AGIGH.png (Note: Username is blurred)

    OS Details:

    • OS: Windows 11
    • Client version: Stable 144057 (7146eaa)
    • Client Mod: BetterDiscord
    Bug report On hold 
    opened by dotargz 10
Releases(v3.0.0)
  • v2.0.0(Mar 24, 2022)

    • For BetterDiscord:

    Well straight to the point,

    smoothscrollBD.plugin.js is a must have plugin if you use lavender actively in betterdiscord as that plugin fixes alot of the bugs in lavender.

    lavender.theme.css is the main theme file.

    lavenderPlus.theme.css is a variant of the theme file, which is more focused on customization of the theme. Its only recommended you download this version If you want to customise lavender alot. Also, this file doesnt auto update so its best if you join the support server to get notified about updates which you will have to do manually.

    • For Powercord:

    Download the MUST plugin from: https://github.com/LynithDev/SmoothScrollPowerCord

    Then to access the Plus version, you just need to open the powercord_manifest.json file and find this line: "theme": "clients/powercord.css", and change it to: "theme": "lavenderPlus.theme.css",

    The files are regularly updated btw so yea should work anytime.

    Source code(tar.gz)
    Source code(zip)
    lavender.theme.css(432 bytes)
    lavenderPlus.theme.css(5.40 KB)
    smoothscrollBD.plugin.js(640 bytes)
Beautiful theme for Obsidian, Base on Minimal theme

?? obsidian_orange 是什么? obsidian_orange 是一款基于 minimal theme 定制的主题。 ✨ obsidian_orange 实现了什么功能? 多样式“提示块” 图片并列显示 高亮块 & 文本多颜色高亮 徽章(Badge):在标题或文本的右上角添加状态信息

echoxu 84 Jan 6, 2023
Firefox theme that is minimalist, customizable and theme-compatible.

Oneliner Deluxe Installation 1. Download .zip Click the green 'Code' button above and then 'Download ZIP' 2. Copy files Extract contents of @programFi

null 11 Jul 21, 2022
Jekyll Bootstrap theme

Landing Page Jekyll theme Jekyll theme based on landing-page bootstrap theme How to use Place a image in /img/services/ Create posts to display your s

Shane Weng 412 Dec 3, 2022
A web app landing page theme created by Start Bootstrap

Start Bootstrap - New Age New Age is a web app landing page theme for Bootstrap created by Start Bootstrap. Preview View Live Preview Status Download

Start Bootstrap 996 Dec 26, 2022
A modern static resume template and theme. Powered by Jekyll and GitHub pages.

modern-resume-theme A modern simple static resume template and theme. Powered by Jekyll and GitHub pages. Host your own resume on GitHub for free! Vie

James Grant 1.5k Dec 31, 2022
A clean, elegant and advanced blog theme for Hugo.

DoIt Theme | Hugo English README | 简体中文说明 DoIt is a clean, elegant and advanced blog theme for Hugo. It is based on the LoveIt Theme, LeaveIt Theme an

PCloud 398 Jan 8, 2023
Orange Design System theme for Storybook

ODS Storybook Theme Orange Design System Storybook Theme provides a Storybook theme for Orange. Quick start Install with npm: npm install ods-storyboo

Orange 3 Jan 10, 2022
Cyberpunk Store - online supermarket project, using cyberpunk inspired theme.

if you downloaded the project from GITHUB >> TO START THE PROJECT WITHOUT ERRORS - Copy/Cut the "assets" folder into "Client/src/" folder (i threw the

Ariel Cohen 1 Jan 2, 2022
This stylesheet customizes Jupyter Notebooks to a dark-theme with vibrant pink, blue, and lime accents.

jupyter-dragonfruit-theme This stylesheet customizes Jupyter Notebooks to a dark-theme with vibrant pink, blue, and lime accents. Author Website Conta

Allen Chang 1 Jan 29, 2022
PostCSS plugin to render WordPress global styles from a theme.json file

postcss-wp-global-styles PostCSS plugin to render WordPress global styles from a theme.json file. As of now it only supports preset styles. Usage @wp-

Luehrsen // Heinrich 10 Aug 5, 2022
Monkeytype - Soothing pastel theme for MonkeyType

Catppuccin for MonkeyType Usage Open settings on monkeytype.com Go to the theme

Catppuccin 10 Dec 22, 2022
A simple, performance-first, SEO-friendly Hugo theme

Hugo Theme Luna A simple, performance-first, SEO-friendly Hugo theme ?? Example | 中文文档 Introduction Using Tailwindcss Custom Themes Many shortcodes Da

Ice-Hazymoon 184 Jan 5, 2023
Standalone keycloak theme using Système de Design de l'État (french government design system)

keycloak-dsfr This template has been made thanks to keycloakify. It follows the french design system Système de Design de l'État. You can find guideli

Fabrique numérique des Ministères Sociaux 4 May 25, 2022
implementing a hook to listen to system theme changes! it could be a good lib, who knows? 😏

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

José Tone 4 Jan 15, 2022
A pleasing darker theme made mostly with complementary purple and blue colors, occasionally with a touch of pink or red.

Nebula Float away in space with a beautiful blurple oriented color theme. DISCLAIMER: ⚠️ This theme is not as high contrast as other themes. A pleasin

catgirlkelly 5 Nov 23, 2022
My XFCE dotties - The GTK theme as well as the kvantume theme used here are forks of the Matcha GTK/kvantum theme

DOTFILES OF MY XFCE SETUP The GTK theme as well as the kvantume theme used here

Mehedi Rahman Mahi 201 Dec 31, 2022
🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.

themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by

SerKo 4 Nov 29, 2022
have github in powercord

github-in-discord Have github in powercord! You can now look at repos inside of discord. Works with Shiki Codeblocks too! Huge thanks to Pavy for styl

pog who? 32 Nov 23, 2022
A powercord plugin to create pet gifs

petpet A powercord plugin to create pet gifs Inspired by https://benisland.neocities.org/petpet/ Example Input Output Usage [p] is your powercord comm

Vens Powercord Plugins 20 Oct 13, 2022
Powercord plugin to make "divider" roles into actual dividers

Powecord Role Dividers Install in Replugged Turns "divider" roles into actual dividers. Before: After: A divider role I have is not being shown as a d

Albert Portnoy 7 Dec 28, 2022