sashakoshka/mintea
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some color tweaks

Browse Source
This commit is contained in:
Sasha Koshka 2022-10-08 21:53:37 -04:00
parent 24a6cd99f2
commit cbfd69583f
2 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
prototype/index.html
View File

@ -61,7 +61,10 @@ for the JavaScript code in this page.
<header>
viewing
<a href="/">owner</a>/<a href="/">repo</a>/<a href="/">branch</a> as user
<span class=linkedPath>
<a href="/">owner</a>/<a href="/">repo</a>/<a href="/">branch</a>
</span>
as user
</header>
@ -73,23 +76,23 @@ for the JavaScript code in this page.
<table class=files border=1>
<tbody>
<tr>
<td>file name</td>
<td>most recent commit</td>
<td><a href="/">file name</a></td>
<td><a href="/">most recent commit</a></td>
<td><time datetime="2023-01-01">in 2 months</time></td>
</tr>
<tr>
<td>file name</td>
<td>most recent commit</td>
<td><a href="/">file name</a></td>
<td><a href="/">most recent commit</a></td>
<td><time datetime="2023-01-01">in 2 months</time></td>
</tr>
<tr>
<td>file name</td>
<td>most recent commit</td>
<td><a href="/">file name</a></td>
<td><a href="/">most recent commit</a></td>
<td><time datetime="2023-01-01">in 2 months</time></td>
</tr>
<tr>
<td>file name</td>
<td>most recent commit</td>
<td><a href="/">file name</a></td>
<td><a href="/">most recent commit</a></td>
<td><time datetime="2023-01-01">in 2 months</time></td>
</tr>
</tbody>

20
prototype/style.css
View File

@ -5,6 +5,7 @@
--foreground: #333;
--subtle-foreground: #888;
--outline: #00000015;
--shine: #00000015;
--accent: #209D6E;
--subtle-accent: #209D6E30;
--shadow: 0 4px 32px #03281A12;
@ -16,7 +17,8 @@
--background: hsl(0, 20%, 7%);
--foreground: hsl(0, 25%, 90%);
--subtle-foreground: hsl(0, 35%, 55%);
--outline: #FFFFFF10;
--outline: hsl(0, 23%, 20%);
--shine: #FFFFFF10;
--accent: hsl(0, 80%, 40%);
--subtle-accent: hsla(0, 80%, 40%, 0.2);
--shadow: 0 4px 32px #00000070;
@ -85,7 +87,7 @@ h3 {
background: var(--glass);
backdrop-filter: blur(32px);
box-shadow: var(--shadow);
border-bottom: 1px solid var(--outline);
border-bottom: 1px solid var(--shine);
}
nav {
@ -176,6 +178,10 @@ header {
}
}
.linkedPath {
color: var(--subtle-foreground);
}
.files {
border-collapse:collapse;
border: none;
@ -206,8 +212,16 @@ header {
margin-bottom: 0.5rem;
}
.files td time {
color: var(--subtle-foreground);
}
.previewLabel {
color: var(--subtle-foreground);
}
footer {
padding: 1rem;
padding: 0 1rem 1rem 1rem;
text-align: center;
color: var(--subtle-foreground);
}