zoeissleeping/discord-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small frontend rewrite

Browse Source
This commit is contained in:
Zoe
2023-04-24 20:12:36 -05:00
parent 4890d657b5
commit 5743ae664e
40 changed files with 2630 additions and 2569 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
assets/css/main.css
View File

@@ -3,23 +3,58 @@
@tailwind utilities;
:root {
--background-color: hsl(230,28%,7.3%);
--foreground-color: hsl(230,26%,13%);
--primary-accent: hsl(180,55%,45%);
--message-input-color: hsl(228,27.3%,25%);
--primary-placeholder: hsl(218,11%,65%);
--primary-dark: hsl(225, 7.7%, 10.2%); /* dropdown and emoji picker bg */
--primary-700: hsl(230,31.2%,6.3%); /* code block border */
--primary-600: hsl(220, 6.8%, 17.3%); /* modal bg */
--primary-500: hsl(230,28.7%,9.8%); /* reaction button bg, code block, and inline code bg */
--primary-400: hsl(230, 12%, 19.2%); /* action buttons */
--primary-300: hsl(230,26%,15%); /* nav button bg */
--primary-200: hsl(230,26%,21.3%); /* nav button hover bg */
--primary-text: hsl(216, 3.7%, 73.5%); /* main text color (duh) */
--reaction-border: hsl(230,33.4%,18.7%); /* reaction border on hover */
--reaction-hover: hsl(230,31.2%,12.5%); /* reaction bg on hover */
--invite-members: var(--primary-accent); /* color of dot next to server members count on invites */
--primary-bg: hsl(240, 5%, 4%);
--secondary-bg: hsl(240, 9%, 7%);
--tertiary-bg: hsl(240, 13%, 10%);
--tertiary-lightened-bg: hsl(240, 13%, 16%);
--primary-input: hsl(240, 8%, 12%);
--primary-accent: hsl(342, 75%, 55%);
--primary-text: hsl(0, 0%, 97%);
--primary-placeholder: hsl(0, 0%, 80%);
--reaction-hover-border: hsl(230, 33.4%, 18.7%);
--reaction-hover: hsl(230, 31.2%, 12.5%);
--reaction-active-border: rgb(88,101,242);
--primary-danger: hsl(359, 66.7%, 54.1%);
/*
--background-color: hsl(230, 28%, 7.3%);
--foreground-color: hsl(230, 26%, 13%);
--primary-accent: hsl(180, 55%, 45%);
--message-input-color: hsl(228, 27.3%, 25%);
--primary-placeholder: hsl(218, 11%, 65%);
--primary-dark: hsl(225, 7.7%, 10.2%);
/* dropdown and emoji picker bg
--primary-700: hsl(230, 31.2%, 6.3%);
/* code block border
--primary-600: hsl(220, 6.8%, 17.3%);
/* modal bg
--primary-500: hsl(230, 28.7%, 9.8%);
/* reaction button bg, code block, and inline code bg
--primary-400: hsl(230, 12%, 19.2%);
/* action buttons
--primary-300: hsl(230, 26%, 15%);
/* nav button bg
--primary-200: hsl(230, 26%, 21.3%);
/* nav button hover bg
--primary-text: hsl(216, 3.7%, 73.5%);
/* main text color (duh)
--reaction-border: hsl(230, 33.4%, 18.7%);
/* reaction border on hover
--reaction-hover: hsl(230, 31.2%, 12.5%);
/* reaction bg on hover
--invite-members: var(--primary-accent);
/* color of dot next to server members count on invites
--primary-danger: hsl(359, 66.7%, 54.1%);
*/
}
* {
color: var(--primary-text);
scrollbar-width: none;
}
*::-webkit-scrollbar {
display: none;
}