refactor: discord css as separate file

This commit is contained in:
winston 2024-02-18 13:50:05 +01:00
parent c9864074f9
commit c8efbb32e7
Signed by: winston
GPG key ID: 3786770EDBC2B481
2 changed files with 46 additions and 53 deletions

View file

@ -7,56 +7,16 @@
inherit (pkgs.stdenv) isDarwin isLinux;
in {
config = lib.mkIf config.isGraphical {
home.packages = with pkgs; [
(discord.override {
withOpenASAR = true;
})
];
home.packages = [(pkgs.discord.override {withOpenASAR = true;})];
home.activation.discordSettings = let
css = ''
@import url("https://catppuccin.github.io/discord/dist/catppuccin-frappe-pink.theme.css") (prefers-color-scheme: dark);
@import url("https://catppuccin.github.io/discord/dist/catppuccin-latte-pink.theme.css") (prefers-color-scheme: light);
@import url(//dablulite.github.io/css-snippets/ConsistentChatbar/import.css);
:root {
--font-primary: "IBM Plex Sans", sans-serif;
--font-headline: "IBM Plex Sans", sans-serif;
--font-display: "IBM Plex Sans", sans-serif;
--font-code: "Cascadia Code", "Symbols Nerd Font", mono;
}
@media (max-width: 1024px) {
nav[aria-label="Servers sidebar"] {
display: none;
}
.platform-osx div[class^="base_"] > div[class^="content_"] > div[class^="sidebar_"],
.platform-osx div[class^="base_"] > div[class^="content_"] > main[class^="container_"],
.platform-osx div[class^="base_"] > div[class^="content_"] > div[class^="chat_"] {
padding-top: 32px !important;
}
}
@media (max-width: 768px) {
div[class^="base_"] > div[class^="content_"] > div[class^="sidebar_"] {
display: none;
}
}
main[class^="chatContent_"] form div[class^="buttons_"],
main[class^="chatContent_"] form div[class^="attachWrapper_"] {
display: none;
}
'';
json = pkgs.writeTextFile {
name = "discord-settings.json";
text =
lib.generators.toJSON {}
{
text = lib.generators.toJSON {} {
DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING = true;
MIN_WIDTH = 0;
MIN_HEIGHT = 0;
openasar = {
inherit css;
css = builtins.readFile ./discord/custom.css;
setup = true;
};
trayBalloonShown = false;
@ -65,11 +25,12 @@ in {
};
path =
if isLinux
then config.xdg.configHome + "/discord/settings.json"
then "${config.xdg.configHome}/discord/settings.json"
else if isDarwin
then config.home.homeDirectory + "/Library/Application Support/discord/settings.json"
then "${config.home.homeDirectory}/Library/Application Support/discord/settings.json"
else throw "unsupported platform";
in
# gets written as a file after the writeBoundary to keep it mutable
lib.hm.dag.entryAfter ["writeBoundary"] ''
mkdir -p "$(dirname "${path}")"
cp -f "${json}" "${path}"

View file

@ -0,0 +1,32 @@
@import url("//catppuccin.github.io/discord/dist/catppuccin-frappe-pink.theme.css") (prefers-color-scheme: dark);
@import url("//catppuccin.github.io/discord/dist/catppuccin-latte-pink.theme.css") (prefers-color-scheme: light);
@import url(//dablulite.github.io/css-snippets/ConsistentChatbar/import.css);
:root {
--font-primary: "IBM Plex Sans", sans-serif;
--font-headline: "IBM Plex Sans", sans-serif;
--font-display: "IBM Plex Sans", sans-serif;
--font-code: "Berkeley Mono", "Symbols Nerd Font", mono;
}
@media (max-width: 1024px) {
nav[aria-label="Servers sidebar"] {
display: none;
}
.platform-osx div[class^="base_"] > div[class^="content_"] > div[class^="sidebar_"],
.platform-osx div[class^="base_"] > div[class^="content_"] > main[class^="container_"],
.platform-osx div[class^="base_"] > div[class^="content_"] > div[class^="chat_"] {
padding-top: 32px !important;
}
}
@media (max-width: 768px) {
div[class^="base_"] > div[class^="content_"] > div[class^="sidebar_"] {
display: none;
}
}
main[class^="chatContent_"] form div[class^="buttons_"],
main[class^="chatContent_"] form div[class^="attachWrapper_"] {
display: none;
}