refactor: discord css as separate file
This commit is contained in:
parent
c9864074f9
commit
c8efbb32e7
2 changed files with 46 additions and 53 deletions
|
@ -7,56 +7,16 @@
|
||||||
inherit (pkgs.stdenv) isDarwin isLinux;
|
inherit (pkgs.stdenv) isDarwin isLinux;
|
||||||
in {
|
in {
|
||||||
config = lib.mkIf config.isGraphical {
|
config = lib.mkIf config.isGraphical {
|
||||||
home.packages = with pkgs; [
|
home.packages = [(pkgs.discord.override {withOpenASAR = true;})];
|
||||||
(discord.override {
|
|
||||||
withOpenASAR = true;
|
|
||||||
})
|
|
||||||
];
|
|
||||||
home.activation.discordSettings = let
|
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 {
|
json = pkgs.writeTextFile {
|
||||||
name = "discord-settings.json";
|
name = "discord-settings.json";
|
||||||
text =
|
text = lib.generators.toJSON {} {
|
||||||
lib.generators.toJSON {}
|
|
||||||
{
|
|
||||||
DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING = true;
|
DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING = true;
|
||||||
MIN_WIDTH = 0;
|
MIN_WIDTH = 0;
|
||||||
MIN_HEIGHT = 0;
|
MIN_HEIGHT = 0;
|
||||||
openasar = {
|
openasar = {
|
||||||
inherit css;
|
css = builtins.readFile ./discord/custom.css;
|
||||||
setup = true;
|
setup = true;
|
||||||
};
|
};
|
||||||
trayBalloonShown = false;
|
trayBalloonShown = false;
|
||||||
|
@ -65,11 +25,12 @@ in {
|
||||||
};
|
};
|
||||||
path =
|
path =
|
||||||
if isLinux
|
if isLinux
|
||||||
then config.xdg.configHome + "/discord/settings.json"
|
then "${config.xdg.configHome}/discord/settings.json"
|
||||||
else if isDarwin
|
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";
|
else throw "unsupported platform";
|
||||||
in
|
in
|
||||||
|
# gets written as a file after the writeBoundary to keep it mutable
|
||||||
lib.hm.dag.entryAfter ["writeBoundary"] ''
|
lib.hm.dag.entryAfter ["writeBoundary"] ''
|
||||||
mkdir -p "$(dirname "${path}")"
|
mkdir -p "$(dirname "${path}")"
|
||||||
cp -f "${json}" "${path}"
|
cp -f "${json}" "${path}"
|
||||||
|
|
32
home/apps/discord/custom.css
Normal file
32
home/apps/discord/custom.css
Normal 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;
|
||||||
|
}
|
Loading…
Reference in a new issue