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

chore: remove plaintext css files

Browse source
This commit is contained in:
winston 2024-09-08 02:18:28 +02:00
parent 96a2ec0dac
commit 6b1a7c8428
Signed by: winston
GPG key ID: 3786770EDBC2B481
3 changed files with 98 additions and 96 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
home/apps/discord.nix
View file

@ -6,6 +6,36 @@
}: }:
let let
inherit (pkgs.stdenv) isDarwin isLinux; inherit (pkgs.stdenv) isDarwin isLinux;
css = # css
''
@import url('//fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
: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", "IBM Plex 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;
}
}
'';
in in
{ {
config = lib.mkIf config.isGraphical { config = lib.mkIf config.isGraphical {
@ -20,7 +50,7 @@ in
MIN_WIDTH = 0; MIN_WIDTH = 0;
MIN_HEIGHT = 0; MIN_HEIGHT = 0;
openasar = { openasar = {
css = builtins.readFile ./discord/custom.css; inherit css;
setup = true; setup = true;
}; };
trayBalloonShown = false; trayBalloonShown = false;

31
home/apps/discord/custom.css
View file

@ -1,31 +0,0 @@
@import url('//fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
: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", "IBM Plex 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;
}

131
home/apps/waybar.nix
View file

@ -42,77 +42,80 @@ let
}; };
}; };
darkColors = '' darkColors = # css
@define-color red #f38ba8; ''
@define-color pink #f5c2e7; @define-color red #f38ba8;
@define-color crust #11111c; @define-color pink #f5c2e7;
@define-color base #1e1e2e; @define-color crust #11111c;
@define-color text #cdd6f4; @define-color base #1e1e2e;
@define-color surface0 #313244; @define-color text #cdd6f4;
@define-color surface2 #585b70; @define-color surface0 #313244;
''; @define-color surface2 #585b70;
lightColors = '' '';
@define-color red #d20f39; lightColors = # css
@define-color pink #ea76cb; ''
@define-color crust #dce0e8; @define-color red #d20f39;
@define-color base #eff1f5; @define-color pink #ea76cb;
@define-color text #4c4f69; @define-color crust #dce0e8;
@define-color surface0 #ccd0da; @define-color base #eff1f5;
@define-color surface2 #acb0be; @define-color text #4c4f69;
''; @define-color surface0 #ccd0da;
style = '' @define-color surface2 #acb0be;
* { '';
font-family: Symbols Nerd Font, IBM Plex Sans; style = # css
font-size: 16px; ''
color: @text; * {
} font-family: Symbols Nerd Font, IBM Plex Sans;
font-size: 16px;
color: @text;
}
window#waybar { window#waybar {
background-color: @base; background-color: @base;
border: 2px solid @crust; border: 2px solid @crust;
border-radius: 5px; border-radius: 5px;
} }
#workspaces button:first-child { #workspaces button:first-child {
padding: 0 5px; padding: 0 5px;
border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
border-left: 2px solid @crust; border-left: 2px solid @crust;
} }
#workspaces button.active:first-child { #workspaces button.active:first-child {
padding: 0 5px; padding: 0 5px;
box-shadow: unset; box-shadow: unset;
border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
border-left: 2px solid @pink; border-left: 2px solid @pink;
border-top: 2px solid @pink; border-top: 2px solid @pink;
border-bottom: 2px solid @pink; border-bottom: 2px solid @pink;
} }
#workspaces button { #workspaces button {
padding: 0 5px; padding: 0 5px;
border-radius: 0; border-radius: 0;
border-top: 2px solid @crust; border-top: 2px solid @crust;
border-bottom: 2px solid @crust; border-bottom: 2px solid @crust;
} }
#workspaces button:hover { #workspaces button:hover {
background: @surface2; background: @surface2;
} }
#workspaces button.active { #workspaces button.active {
color: @pink; color: @pink;
background: @surface0; background: @surface0;
border-top: 2px solid @pink; border-top: 2px solid @pink;
border-bottom: 2px solid @pink; border-bottom: 2px solid @pink;
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: @red; background-color: @red;
} }
#clock, #network, #pulseaudio, #tray, #idle_inhibitor { #clock, #network, #pulseaudio, #tray, #idle_inhibitor {
padding: 0 10px; padding: 0 10px;
} }
''; '';
in in
{ {
config = lib.mkIf (config.isGraphical && pkgs.stdenv.isLinux) { config = lib.mkIf (config.isGraphical && pkgs.stdenv.isLinux) {