3wordchant
/
oasis
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Replace faux-shadow with thin border, change default theme

This commit is contained in:
Christian Bundy 2019-12-15 14:08:38 -08:00
parent 037e173fef
commit 2ec97940df
No known key found for this signature in database
GPG Key ID: EB541AAEF4366237
3 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.js
View File

@ -33,7 +33,7 @@ const markdown = require('./pages/markdown')
const inboxPage = require('./pages/inbox')
const searchPage = require('./pages/search')
const defaultTheme = 'tomorrow'
const defaultTheme = 'atelier-sulphurPool-light'.toLowerCase()
module.exports = (config) => {
const assets = new Koa()

41
src/assets/style.css
View File

@ -97,6 +97,7 @@ h3,
h4,
h5,
h6 {
color: var(--bg-light);
margin: var(--whole) 0;
}
@ -118,6 +119,25 @@ button {
border-radius: var(--common-radius);
}
section > footer > a,
section > footer > form > button {
color: var(--fg);
font-weight: bold;
}
section > footer > form > button {
display: inline-block;
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
}
button:focus,
button:hover {
background-color: var(--fg-light);
}
select,
input {
background: var(--bg);
@ -170,7 +190,7 @@ section img,
section video {
max-width: 100%;
max-height: 100vh;
border: var(--pico) solid var(--bg-status);
border: var(--pico) solid var(--bg-selection);
border-radius: var(--common-radius);
}
@ -192,6 +212,7 @@ section > header.profile {
.private {
border-left: var(--milli) solid var(--violet);
border-color: var(--violet);
}
section.thread-target {
@ -202,7 +223,7 @@ section.thread-target {
section.thread-target.private {
border: var(--pico) solid var(--violet);
border-left: var(--micro) solid var(--violet);
box-shadow: 0 0 var(--micro) var(--violet);
border-color: var(--violet);
}
section audio {
@ -232,12 +253,6 @@ section > :first-child {
}
}
section > footer > a,
section > footer > form > button {
color: var(--fg);
font-weight: bold;
}
nav {
margin: var(--whole) 0;
}
@ -256,9 +271,9 @@ section {
padding: var(--whole);
border-radius: var(--common-radius);
margin: var(--milli) 0;
box-shadow: 0 var(--pico) var(--pico) rgba(0, 0, 0, 0.33);
word-wrap: break-word;
background: var(--bg);
border: var(--pico) solid var(--bg-selection);
}
section > header {
@ -289,14 +304,6 @@ textarea {
color: var(--fg);
}
section > footer > form > button {
display: inline-block;
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
}
button:focus,
input:focus,
select:focus,

2
src/pages/views/meta.js
View File

@ -91,7 +91,7 @@ module.exports = ({ status, peers, theme, themeNames }) => {
', configure your theme, or view debugging information below.'
),
h2('Theme'),
p('Choose from any theme you\'d like. The default theme is Tomorrow.'),
p('Choose from any theme you\'d like. The default theme is Atelier-SulphurPool-Light.'),
form({ action: '/theme.css', method: 'post' },
select({ name: 'theme' }, ...themeElements),
button({ type: 'submit' }, 'set theme')),