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
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
{
config = lib.mkIf config.isGraphical {
@ -20,7 +50,7 @@ in
MIN_WIDTH = 0;
MIN_HEIGHT = 0;
openasar = {
css = builtins.readFile ./discord/custom.css;
inherit css;
setup = true;
};
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 = ''
@define-color red #f38ba8;
@define-color pink #f5c2e7;
@define-color crust #11111c;
@define-color base #1e1e2e;
@define-color text #cdd6f4;
@define-color surface0 #313244;
@define-color surface2 #585b70;
'';
lightColors = ''
@define-color red #d20f39;
@define-color pink #ea76cb;
@define-color crust #dce0e8;
@define-color base #eff1f5;
@define-color text #4c4f69;
@define-color surface0 #ccd0da;
@define-color surface2 #acb0be;
'';
style = ''
* {
font-family: Symbols Nerd Font, IBM Plex Sans;
font-size: 16px;
color: @text;
}
darkColors = # css
''
@define-color red #f38ba8;
@define-color pink #f5c2e7;
@define-color crust #11111c;
@define-color base #1e1e2e;
@define-color text #cdd6f4;
@define-color surface0 #313244;
@define-color surface2 #585b70;
'';
lightColors = # css
''
@define-color red #d20f39;
@define-color pink #ea76cb;
@define-color crust #dce0e8;
@define-color base #eff1f5;
@define-color text #4c4f69;
@define-color surface0 #ccd0da;
@define-color surface2 #acb0be;
'';
style = # css
''
* {
font-family: Symbols Nerd Font, IBM Plex Sans;
font-size: 16px;
color: @text;
}
window#waybar {
background-color: @base;
border: 2px solid @crust;
border-radius: 5px;
}
window#waybar {
background-color: @base;
border: 2px solid @crust;
border-radius: 5px;
}
#workspaces button:first-child {
padding: 0 5px;
border-radius: 5px 0 0 5px;
border-left: 2px solid @crust;
}
#workspaces button.active:first-child {
padding: 0 5px;
box-shadow: unset;
border-radius: 5px 0 0 5px;
border-left: 2px solid @pink;
border-top: 2px solid @pink;
border-bottom: 2px solid @pink;
}
#workspaces button:first-child {
padding: 0 5px;
border-radius: 5px 0 0 5px;
border-left: 2px solid @crust;
}
#workspaces button.active:first-child {
padding: 0 5px;
box-shadow: unset;
border-radius: 5px 0 0 5px;
border-left: 2px solid @pink;
border-top: 2px solid @pink;
border-bottom: 2px solid @pink;
}
#workspaces button {
padding: 0 5px;
border-radius: 0;
border-top: 2px solid @crust;
border-bottom: 2px solid @crust;
}
#workspaces button {
padding: 0 5px;
border-radius: 0;
border-top: 2px solid @crust;
border-bottom: 2px solid @crust;
}
#workspaces button:hover {
background: @surface2;
}
#workspaces button:hover {
background: @surface2;
}
#workspaces button.active {
color: @pink;
background: @surface0;
border-top: 2px solid @pink;
border-bottom: 2px solid @pink;
}
#workspaces button.active {
color: @pink;
background: @surface0;
border-top: 2px solid @pink;
border-bottom: 2px solid @pink;
}
#workspaces button.urgent {
background-color: @red;
}
#workspaces button.urgent {
background-color: @red;
}
#clock, #network, #pulseaudio, #tray, #idle_inhibitor {
padding: 0 10px;
}
'';
#clock, #network, #pulseaudio, #tray, #idle_inhibitor {
padding: 0 10px;
}
'';
in
{
config = lib.mkIf (config.isGraphical && pkgs.stdenv.isLinux) {