aria/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add folder for custom discord css

Browse source
This commit is contained in:
Aria 2025-04-30 11:49:12 +10:00
parent 181bd92f5e
commit 3fef48a3f6
Signed by: aria
GPG key ID: 19AB7AA462B8AB3B
1 changed files with 73 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

73
discord-css/flashbang-discord-theme/flashbang.theme.css Normal file
View file

@ -0,0 +1,73 @@
/**
* @name Flashbang (HDR)
* @description I heard you crying that the light theme is too bright. But I don't think so - here's a TRULY BRIGHT Discord theme (requires a HDR capable monitor).
* @author Alula
* @version 1.0.0
* @invite 5g9qdABNQ8
* @website https://github.com/alula/flashbang-discord-theme
* @source https://github.com/alula/flashbang-discord-theme/blob/master/theme/flashbang.theme.css
* @authorId 219067402174988290
* @authorLink https://alula.me
*/
:root {
/* Adjust brightness here */
--hdr-base-factor: 1;
--hdr-factor-10: calc(var(--hdr-base-factor) * 1.0);
--hdr-factor-11: calc(var(--hdr-base-factor) * 1.1);
--hdr-factor-12: calc(var(--hdr-base-factor) * 1.2);
--hdr-factor-125: calc(var(--hdr-base-factor) * 1.25);
--hdr-factor-13: calc(var(--hdr-base-factor) * 1.3);
--hdr-factor-135: calc(var(--hdr-base-factor) * 1.35);
--hdr-factor-14: calc(var(--hdr-base-factor) * 1.4);
--hdr-factor-145: calc(var(--hdr-base-factor) * 1.45);
--hdr-factor-15: calc(var(--hdr-base-factor) * 1.5);
--hdr-10: color(display-p3 var(--hdr-base-factor) var(--hdr-base-factor) var(--hdr-base-factor));
--hdr-11: color(display-p3 var(--hdr-factor-11) var(--hdr-factor-11) var(--hdr-factor-11));
--hdr-12: color(display-p3 var(--hdr-factor-12) var(--hdr-factor-12) var(--hdr-factor-12));
--hdr-125: color(display-p3 var(--hdr-factor-125) var(--hdr-factor-125) var(--hdr-factor-125));
--hdr-13: color(display-p3 var(--hdr-factor-13) var(--hdr-factor-13) var(--hdr-factor-13));
--hdr-135: color(display-p3 var(--hdr-factor-135) var(--hdr-factor-135) var(--hdr-factor-135));
--hdr-14: color(display-p3 var(--hdr-factor-14) var(--hdr-factor-14) var(--hdr-factor-14));
--hdr-145: color(display-p3 var(--hdr-factor-145) var(--hdr-factor-145) var(--hdr-factor-145));
--hdr-15: color(display-p3 var(--hdr-factor-15) var(--hdr-factor-15) var(--hdr-factor-15));
}
.theme-light:not(.custom-theme-background) {
--white: var(--hdr-15);
--white-500: var(--hdr-15);
--background-primary: var(--hdr-135);
--background-secondary: var(--hdr-13);
--background-tertiary: var(--hdr-125);
--background-base-low: var(--hdr-125);
--background-base-lower: var(--hdr-125);
--background-base-lowest: var(--hdr-13);
--background-surface-high: var(--hdr-125);
--background-surface-higher: var(--hdr-13);
--background-surface-highest: var(--hdr-14);
--chat-background-default: var(--hdr-15);
--bg-overlay-3: var(--hdr-15);
--bg-overlay-floating: var(--hdr-15);
--card-primary-bg: var(--hdr-12);
--bg-base-secondary: var(--hdr-125);
--bg-base-tertiary: var(--hdr-12);
--bg-overlay-1: var(--hdr-13);
--bg-overlay-4: var(--hdr-13);
--bg-overlay-chat: var(--hdr-14);
}
:after {
content: "";
opacity: 0.001;
background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/4gKMSUNDX1BST0ZJTEUAAQEAAAJ8AAAAAARAAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAAFxyWFlaAAABWAAAABRnWFlaAAABbAAAABRiWFlaAAABgAAAABR3dHB0AAABlAAAABRyVFJDAAABqAAAAIxnVFJDAAABqAAAAIxiVFJDAAABqAAAAIxjaWNwAAACNAAAAAxjcHJ0AAACQAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAD4AAAAcAFIAZQBjADIAMAAyADAAIABHAGEAbQB1AHQAIAB3AGkAdABoACAASABMAEcAIABUAHIAYQBuAHMAZgBlAHIAAFhZWiAAAAAAAACsaAAAR2////+BWFlaIAAAAAAAACppAACs4wAAB61YWVogAAAAAAAAIAcAAAuuAADME1hZWiAAAAAAAAD21gABAAAAANMtY3VydgAAAAAAAABAAAAADQAuAF8AoQDxAVABvAI2Ar0DUgPyBKAFWQYeBvAHzQi1CaoKqQu0DMoN7A8XEE4RkBLcFDMVlBcAGHYZ+BuGHTMfBiEAIyYlfCgFKsUtwTD/NIM4VTx5QPhF2EsjUOBXGl3bZS9tIHW+fxeJOpQ4oCKtD7sTykXawOyg//9jaWNwAAAAAAkSAAFtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb//gAPTGF2YzYwLjMuMTAwAP/bAEMACAQEBAQEBQUFBQUFBgYGBgYGBgYGBgYGBgcHBwgICAcHBwYGBwcICAgICQkJCAgICAkJCgoKDAwLCw4ODhERFP/EAEwAAQEAAAAAAAAAAAAAAAAAAAAFAQEBAAAAAAAAAAAAAAAAAAAABBABAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/AABEIAAEAAQMBEgACEgADEgD/2gAMAwEAAhEDEQA/AKQjFA//2Q==);
background-repeat: no-repeat;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}