limepotato/nelle-observer
1
1
Fork 0
Code Pull requests Activity

stylin

Browse source
This commit is contained in:
nelle 2024-08-18 20:15:01 -06:00
parent 77e35ecb85
commit f10a93321b
3 changed files with 82 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
astro/public/styles/css/classes.css
View file

@ -66,13 +66,12 @@ textarea {
textarea,
select {
width: 82%;
appearance: none;
outline: none;
font-family: inherit;
background: transparent;
color: inherit;
border-bottom: 1px solid currentColor;
border-radius: 10px;
background: var(--content-gradient);
}
button {

158
astro/public/styles/css/color-scheme.css
View file

@ -17,83 +17,6 @@
--alt-accent-900: #0b3300;
--alt-accent-950: #061900;
}
/*
@media (prefers-color-scheme: light) {
:root {
--text: #191209;
--background: var(--background-100);
--primary: #dd9339;
--secondary: #f2bb78;
--accent: #ffa941;
--content-gradient: linear-gradient(to bottom right, var(--primary-200), var(--secondary-600));
--accent-gradient: linear-gradient(to bottom right, var(--primary-200), var(--secondary-800) 30%, var(--text-500) 60%);
--link: var(--accent-700);
--visited: var(--accent-800);
--hover: var(--accent-900);
--text-50: #f8f3ec;
--text-100: #f1e7da;
--text-200: #e4cfb4;
--text-300: #d6b78f;
--text-400: #c99f69;
--text-500: #bb8744;
--text-600: #966c36;
--text-700: #705129;
--text-800: #4b361b;
--text-900: #251b0e;
--text-950: #130e07;
--background-50: #faf4eb;
--background-100: #f5e8d6;
--background-200: #ebd1ad;
--background-300: #e0ba85;
--background-400: #d6a35c;
--background-500: #cc8c33;
--background-600: #a37029;
--background-700: #7a541f;
--background-800: #523814;
--background-900: #291c0a;
--background-950: #140e05;
--primary-50: #fbf3e9;
--primary-100: #f8e7d3;
--primary-200: #f0d0a8;
--primary-300: #e9b87c;
--primary-400: #e1a051;
--primary-500: #da8925;
--primary-600: #ae6d1e;
--primary-700: #835216;
--primary-800: #57370f;
--primary-900: #2c1b07;
--primary-950: #160e04;
--secondary-50: #fdf3e8;
--secondary-100: #fae8d1;
--secondary-200: #f6d0a2;
--secondary-300: #f1b974;
--secondary-400: #eda145;
--secondary-500: #e88a17;
--secondary-600: #ba6e12;
--secondary-700: #8b530e;
--secondary-800: #5d3709;
--secondary-900: #2e1c05;
--secondary-950: #170e02;
--accent-50: #fff4e5;
--accent-100: #ffe8cc;
--accent-200: #ffd199;
--accent-300: #ffba66;
--accent-400: #ffa333;
--accent-500: #ff8c00;
--accent-600: #cc7000;
--accent-700: #995400;
--accent-800: #663800;
--accent-900: #331c00;
--accent-950: #1a0e00;
}
}*/
/*
@media (prefers-color-scheme: dark) {*/
@ -171,4 +94,83 @@
--accent-900: #331c00;
--accent-950: #1a0e00;
}/*
}*/
}*/
/*
@media (prefers-color-scheme: light) {
:root {
--text: #191209;
--background: var(--background-100);
--primary: #dd9339;
--secondary: #f2bb78;
--accent: #ffa941;
--content-gradient: linear-gradient(to bottom right, var(--primary-200), var(--secondary-600));
--accent-gradient: linear-gradient(to bottom right, var(--primary-200), var(--secondary-800) 30%, var(--text-500) 60%);
--link: var(--accent-700);
--visited: var(--accent-800);
--hover: var(--accent-900);
--text-50: #f8f3ec;
--text-100: #f1e7da;
--text-200: #e4cfb4;
--text-300: #d6b78f;
--text-400: #c99f69;
--text-500: #bb8744;
--text-600: #966c36;
--text-700: #705129;
--text-800: #4b361b;
--text-900: #251b0e;
--text-950: #130e07;
--background-50: #faf4eb;
--background-100: #f5e8d6;
--background-200: #ebd1ad;
--background-300: #e0ba85;
--background-400: #d6a35c;
--background-500: #cc8c33;
--background-600: #a37029;
--background-700: #7a541f;
--background-800: #523814;
--background-900: #291c0a;
--background-950: #140e05;
--primary-50: #fbf3e9;
--primary-100: #f8e7d3;
--primary-200: #f0d0a8;
--primary-300: #e9b87c;
--primary-400: #e1a051;
--primary-500: #da8925;
--primary-600: #ae6d1e;
--primary-700: #835216;
--primary-800: #57370f;
--primary-900: #2c1b07;
--primary-950: #160e04;
--secondary-50: #fdf3e8;
--secondary-100: #fae8d1;
--secondary-200: #f6d0a2;
--secondary-300: #f1b974;
--secondary-400: #eda145;
--secondary-500: #e88a17;
--secondary-600: #ba6e12;
--secondary-700: #8b530e;
--secondary-800: #5d3709;
--secondary-900: #2e1c05;
--secondary-950: #170e02;
--accent-50: #fff4e5;
--accent-100: #ffe8cc;
--accent-200: #ffd199;
--accent-300: #ffba66;
--accent-400: #ffa333;
--accent-500: #ff8c00;
--accent-600: #cc7000;
--accent-700: #995400;
--accent-800: #663800;
--accent-900: #331c00;
--accent-950: #1a0e00;
}
}*/
s

2
astro/src/pages/index.astro
View file

@ -54,7 +54,7 @@ import Layout from "../layouts/Layout.astro";
<small style="font-size: 15px;">music recs, questions, jokes, confessions of your sins, etc, welcome, I respond to all or most as vagueposts on the fediverse</small>
<div style="display: flex; justify-content: space-between;">
<br style="margin-bottom: 10px;">
<textarea id="ntfy-input" placeholder="Hi nelle! (｡>﹏<｡)"></textarea>
<textarea id="ntfy-input" placeholder="Hi nelle! (｡>﹏<｡)" rows=2></textarea>
<button
class="custom-btn btn-1"
onclick="ntfyClick()"