chore: remove plaintext css files
This commit is contained in:
parent
96a2ec0dac
commit
6b1a7c8428
3 changed files with 98 additions and 96 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue