adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

dogshit colorscheme

Browse Source
This commit is contained in:
Adam French
2026-01-20 23:11:06 +00:00
parent 586753c05a
commit d1280c7f47
4 changed files with 35 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
nginx/vue/public/css/styles.css
View File

@@ -37,15 +37,15 @@
--portal_light_blue: #00a2ff; --portal_light_blue: #00a2ff;
/* MAIN COLORS */ /* MAIN COLORS */
--primary: #000; --primary: #5ea;
--secondary: #000; --secondary: #5ea;
--tertiary: #5a6952; --tertiary: #fff;
--quaternary: #424542; --quaternary: #424542;
/* BACKGROUND COLORS */ /* BACKGROUND COLORS */
--bg-body: #111; --bg-body: #000;
--bg_primary: #fff; --bg_primary: #000;
--bg_secondary: #ffa; --bg_secondary: #111;
--bg_tertiary: #aaa; --bg_tertiary: #aaa;
--bg_quaternary: #999; --bg_quaternary: #999;
@@ -67,7 +67,12 @@ body {
font-family: var(--font_text); font-family: var(--font_text);
} }
a > * {
color: var(--tertiary);
}
a { a {
color: var(--tertiary);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
padding: 0px; padding: 0px;
@@ -90,12 +95,16 @@ p {
} }
button { button {
color: red; color: var(--secondary);
background-color: var(--bg_secondary);
margin: var(--margin);
} }
table { table {
border: 1px solid var(--primary); border: 1px solid var(--primary);
border-collapse: collapse; border-collapse: collapse;
color: var(--secondary);
margin: var(--margin);
} }
tr { tr {

4
nginx/vue/src/components/quick/LinkTable.vue
View File

@@ -13,11 +13,11 @@ const keys = ["name", "link"];
<template> <template>
<a <a
class="bdr-2" class="bdr-2 bg-secondary"
v-for="(row, rowIndex) in linkArr" v-for="(row, rowIndex) in linkArr"
:key="rowIndex" :key="rowIndex"
:href="row.link" :href="row.link"
> >
<p>{{ row.name }}</p> {{ row.name }}
</a> </a>
</template> </template>

4
nginx/vue/src/components/quick/RouterTable.vue
View File

@@ -13,11 +13,11 @@ const keys = ["name", "link"];
<template> <template>
<RouterLink <RouterLink
class="bdr-2" class="bdr-2 bg-secondary"
v-for="(row, rowIndex) in linkArr" v-for="(row, rowIndex) in linkArr"
:key="rowIndex" :key="rowIndex"
:to="row.link" :to="row.link"
> >
<p>{{ row.name }}</p> {{ row.name }}
</RouterLink> </RouterLink>
</template> </template>

25
nginx/vue/src/views/Home.vue
View File

@@ -24,21 +24,26 @@ import Watching from "@/components/home/Watching.vue";
<div class="background halftone" /> <div class="background halftone" />
<main class="center-content flex-col"> <main class="center-content flex-col">
<div class="a4page-portrait bdr-1 grid relative"> <div class="page a4page-portrait bdr-1 grid relative">
<Intro class="intro bdr-primary bg-primary" /> <Intro class="intro" />
<Listening class="listening bdr-primary bg-primary" /> <Listening class="listening" />
<Stamps class="stamps bdr-primary bg-primary" /> <Stamps class="stamps" />
<Feed class="feed bdr-primary bg-primary" /> <Feed class="feed" />
<Links class="links bdr-primary bg-primary" /> <Links class="links" />
<Collage class="collage bdr-primary bg-primary" /> <Collage class="collage" />
<Watching class="watching bdr-primary bg-primary" /> <Watching class="watching" />
<Favorites class="favorites bdr-primary bg-primary" /> <Favorites class="favorites" />
<Gym class="gym bdr-primary bg-primary" /> <Gym class="gym" />
</div> </div>
</main> </main>
</template> </template>
<style scoped> <style scoped>
.page > * {
border: 2px dotted var(--primary);
background-color: var(--bg_primary);
}
.grid { .grid {
display: grid; display: grid;
grid-gap: 5px; grid-gap: 5px;