Added some initial styles, dependencies, next-auth, and page structure

This commit is contained in:
Valtteri Karesto
2021-11-11 11:42:36 +02:00
parent 583371489c
commit e7efed79ce
24 changed files with 6224 additions and 86 deletions

191
theme/editor/amy.json Normal file
View File

@@ -0,0 +1,191 @@
{
"base": "vs-dark",
"inherit": true,
"rules": [
{
"background": "200020",
"token": ""
},
{
"foreground": "404080",
"background": "200020",
"fontStyle": "italic",
"token": "comment.block"
},
{
"foreground": "999999",
"token": "string"
},
{
"foreground": "707090",
"token": "constant.language"
},
{
"foreground": "7090b0",
"token": "constant.numeric"
},
{
"fontStyle": "bold",
"token": "constant.numeric.integer.int32"
},
{
"fontStyle": "italic",
"token": "constant.numeric.integer.int64"
},
{
"fontStyle": "bold italic",
"token": "constant.numeric.integer.nativeint"
},
{
"fontStyle": "underline",
"token": "constant.numeric.floating-point.ocaml"
},
{
"foreground": "666666",
"token": "constant.character"
},
{
"foreground": "8080a0",
"token": "constant.language.boolean"
},
{
"foreground": "008080",
"token": "variable.language"
},
{
"foreground": "008080",
"token": "variable.other"
},
{
"foreground": "a080ff",
"token": "keyword"
},
{
"foreground": "a0a0ff",
"token": "keyword.operator"
},
{
"foreground": "d0d0ff",
"token": "keyword.other.decorator"
},
{
"fontStyle": "underline",
"token": "keyword.operator.infix.floating-point.ocaml"
},
{
"fontStyle": "underline",
"token": "keyword.operator.prefix.floating-point.ocaml"
},
{
"foreground": "c080c0",
"token": "keyword.other.directive"
},
{
"foreground": "c080c0",
"fontStyle": "underline",
"token": "keyword.other.directive.line-number"
},
{
"foreground": "80a0ff",
"token": "keyword.control"
},
{
"foreground": "b0fff0",
"token": "storage"
},
{
"foreground": "60b0ff",
"token": "entity.name.type.variant"
},
{
"foreground": "60b0ff",
"fontStyle": "italic",
"token": "storage.type.variant.polymorphic"
},
{
"foreground": "60b0ff",
"fontStyle": "italic",
"token": "entity.name.type.variant.polymorphic"
},
{
"foreground": "b000b0",
"token": "entity.name.type.module"
},
{
"foreground": "b000b0",
"fontStyle": "underline",
"token": "entity.name.type.module-type.ocaml"
},
{
"foreground": "a00050",
"token": "support.other"
},
{
"foreground": "70e080",
"token": "entity.name.type.class"
},
{
"foreground": "70e0a0",
"token": "entity.name.type.class-type"
},
{
"foreground": "50a0a0",
"token": "entity.name.function"
},
{
"foreground": "80b0b0",
"token": "variable.parameter"
},
{
"foreground": "3080a0",
"token": "entity.name.type.token"
},
{
"foreground": "3cb0d0",
"token": "entity.name.type.token.reference"
},
{
"foreground": "90e0e0",
"token": "entity.name.function.non-terminal"
},
{
"foreground": "c0f0f0",
"token": "entity.name.function.non-terminal.reference"
},
{
"foreground": "009090",
"token": "entity.name.tag"
},
{
"background": "200020",
"token": "support.constant"
},
{
"foreground": "400080",
"background": "ffff00",
"fontStyle": "bold",
"token": "invalid.illegal"
},
{
"foreground": "200020",
"background": "cc66ff",
"token": "invalid.deprecated"
},
{
"background": "40008054",
"token": "source.camlp4.embedded"
},
{
"foreground": "805080",
"token": "punctuation"
}
],
"colors": {
"editor.foreground": "#D0D0FF",
"editor.background": "#000000",
"editor.selectionBackground": "#ffffff30",
"editor.lineHighlightBackground": "#ffffff20",
"editorCursor.foreground": "#7070FF",
"editorWhitespace.foreground": "#BFBFBF"
}
}

312
theme/editor/sunburst.json Normal file
View File

@@ -0,0 +1,312 @@
{
"base": "vs-dark",
"inherit": true,
"rules": [
{
"background": "000000",
"token": ""
},
{
"foreground": "aeaeae",
"fontStyle": "italic",
"token": "comment"
},
{
"foreground": "3387cc",
"token": "constant"
},
{
"foreground": "89bdff",
"token": "entity"
},
{
"foreground": "e28964",
"token": "keyword"
},
{
"foreground": "99cf50",
"token": "storage"
},
{
"foreground": "65b042",
"token": "string"
},
{
"foreground": "9b859d",
"token": "support"
},
{
"foreground": "3e87e3",
"token": "variable"
},
{
"foreground": "fd5ff1",
"fontStyle": "italic underline",
"token": "invalid.deprecated"
},
{
"foreground": "fd5ff1",
"background": "562d56bf",
"token": "invalid.illegal"
},
{
"background": "b1b3ba08",
"token": "text source"
},
{
"foreground": "9b5c2e",
"fontStyle": "italic",
"token": "entity.other.inherited-class"
},
{
"foreground": "daefa3",
"token": "string.quoted source"
},
{
"foreground": "ddf2a4",
"token": "string constant"
},
{
"foreground": "e9c062",
"token": "string.regexp"
},
{
"foreground": "cf7d34",
"token": "string.regexp constant.character.escape"
},
{
"foreground": "cf7d34",
"token": "string.regexp source.ruby.embedded"
},
{
"foreground": "cf7d34",
"token": "string.regexp string.regexp.arbitrary-repitition"
},
{
"foreground": "8a9a95",
"token": "string variable"
},
{
"foreground": "dad085",
"token": "support.function"
},
{
"foreground": "cf6a4c",
"token": "support.constant"
},
{
"foreground": "8996a8",
"token": "meta.preprocessor.c"
},
{
"foreground": "afc4db",
"token": "meta.preprocessor.c keyword"
},
{
"fontStyle": "underline",
"token": "entity.name.type"
},
{
"foreground": "676767",
"fontStyle": "italic",
"token": "meta.cast"
},
{
"foreground": "494949",
"token": "meta.sgml.html meta.doctype"
},
{
"foreground": "494949",
"token": "meta.sgml.html meta.doctype entity"
},
{
"foreground": "494949",
"token": "meta.sgml.html meta.doctype string"
},
{
"foreground": "494949",
"token": "meta.xml-processing"
},
{
"foreground": "494949",
"token": "meta.xml-processing entity"
},
{
"foreground": "494949",
"token": "meta.xml-processing string"
},
{
"foreground": "89bdff",
"token": "meta.tag"
},
{
"foreground": "89bdff",
"token": "meta.tag entity"
},
{
"foreground": "e0c589",
"token": "source entity.name.tag"
},
{
"foreground": "e0c589",
"token": "source entity.other.attribute-name"
},
{
"foreground": "e0c589",
"token": "meta.tag.inline"
},
{
"foreground": "e0c589",
"token": "meta.tag.inline entity"
},
{
"foreground": "e18964",
"token": "entity.name.tag.namespace"
},
{
"foreground": "e18964",
"token": "entity.other.attribute-name.namespace"
},
{
"foreground": "cda869",
"token": "meta.selector.css entity.name.tag"
},
{
"foreground": "8f9d6a",
"token": "meta.selector.css entity.other.attribute-name.tag.pseudo-class"
},
{
"foreground": "8b98ab",
"token": "meta.selector.css entity.other.attribute-name.id"
},
{
"foreground": "9b703f",
"token": "meta.selector.css entity.other.attribute-name.class"
},
{
"foreground": "c5af75",
"token": "support.type.property-name.css"
},
{
"foreground": "f9ee98",
"token": "meta.property-group support.constant.property-value.css"
},
{
"foreground": "f9ee98",
"token": "meta.property-value support.constant.property-value.css"
},
{
"foreground": "8693a5",
"token": "meta.preprocessor.at-rule keyword.control.at-rule"
},
{
"foreground": "dd7b3b",
"token": "meta.property-value support.constant.named-color.css"
},
{
"foreground": "dd7b3b",
"token": "meta.property-value constant"
},
{
"foreground": "8f9d6a",
"token": "meta.constructor.argument.css"
},
{
"foreground": "f8f8f8",
"background": "0e2231",
"fontStyle": "italic",
"token": "meta.diff"
},
{
"foreground": "f8f8f8",
"background": "0e2231",
"fontStyle": "italic",
"token": "meta.diff.header"
},
{
"foreground": "f8f8f8",
"background": "420e09",
"token": "markup.deleted"
},
{
"foreground": "f8f8f8",
"background": "4a410d",
"token": "markup.changed"
},
{
"foreground": "f8f8f8",
"background": "253b22",
"token": "markup.inserted"
},
{
"foreground": "e9c062",
"fontStyle": "italic",
"token": "markup.italic"
},
{
"foreground": "e9c062",
"fontStyle": "bold",
"token": "markup.bold"
},
{
"foreground": "e18964",
"fontStyle": "underline",
"token": "markup.underline"
},
{
"foreground": "e1d4b9",
"background": "fee09c12",
"fontStyle": "italic",
"token": "markup.quote"
},
{
"foreground": "fedcc5",
"background": "632d04",
"token": "markup.heading"
},
{
"foreground": "fedcc5",
"background": "632d04",
"token": "markup.heading entity"
},
{
"foreground": "e1d4b9",
"token": "markup.list"
},
{
"foreground": "578bb3",
"background": "b1b3ba08",
"token": "markup.raw"
},
{
"foreground": "f67b37",
"fontStyle": "italic",
"token": "markup comment"
},
{
"foreground": "60a633",
"background": "242424",
"token": "meta.separator"
},
{
"background": "eeeeee29",
"token": "meta.line.entry.logfile"
},
{
"background": "eeeeee29",
"token": "meta.line.exit.logfile"
},
{
"background": "751012",
"token": "meta.line.error.logfile"
}
],
"colors": {
"editor.foreground": "#F8F8F8",
"editor.background": "#000000",
"editor.selectionBackground": "#DDF0FF33",
"editor.lineHighlightBackground": "#FFFFFF0D",
"editorCursor.foreground": "#A7A7A7",
"editorWhitespace.foreground": "#CAE2FB3D"
}
}

View File

@@ -0,0 +1,196 @@
{
"base": "vs-dark",
"inherit": true,
"rules": [
{
"background": "000000",
"token": ""
},
{
"foreground": "ffffff",
"background": "0f0f0f",
"token": "text"
},
{
"background": "000000",
"token": "source.ruby.rails.embedded.html"
},
{
"foreground": "ffffff",
"background": "101010",
"token": "text.html.ruby"
},
{
"foreground": "ccff33",
"token": "constant.numeric.ruby"
},
{
"foreground": "ffffff",
"background": "000000",
"token": "source"
},
{
"foreground": "9933cc",
"token": "comment"
},
{
"foreground": "339999",
"token": "constant"
},
{
"foreground": "ff6600",
"token": "keyword"
},
{
"foreground": "edf8f9",
"token": "keyword.preprocessor"
},
{
"foreground": "ffffff",
"token": "keyword.preprocessor directive"
},
{
"foreground": "ffcc00",
"token": "entity.name.function"
},
{
"foreground": "ffcc00",
"token": "storage.type.function.js"
},
{
"fontStyle": "italic",
"token": "variable.parameter"
},
{
"foreground": "772cb7",
"background": "070707",
"token": "source comment.block"
},
{
"foreground": "ffffff",
"token": "variable.other"
},
{
"foreground": "999966",
"token": "support.function.activerecord.rails"
},
{
"foreground": "66ff00",
"token": "string"
},
{
"foreground": "aaaaaa",
"token": "string constant.character.escape"
},
{
"foreground": "000000",
"background": "cccc33",
"token": "string.interpolated"
},
{
"foreground": "44b4cc",
"token": "string.regexp"
},
{
"foreground": "cccc33",
"token": "string.literal"
},
{
"foreground": "555555",
"token": "string.interpolated constant.character.escape"
},
{
"fontStyle": "underline",
"token": "entity.name.class"
},
{
"fontStyle": "underline",
"token": "support.class.js"
},
{
"fontStyle": "italic underline",
"token": "entity.other.inherited-class"
},
{
"foreground": "ff6600",
"token": "meta.tag.inline.any.html"
},
{
"foreground": "ff6600",
"token": "meta.tag.block.any.html"
},
{
"foreground": "99cc99",
"fontStyle": "italic",
"token": "entity.other.attribute-name"
},
{
"foreground": "dde93d",
"token": "keyword.other"
},
{
"foreground": "ff6600",
"token": "meta.selector.css"
},
{
"foreground": "ff6600",
"token": "entity.other.attribute-name.pseudo-class.css"
},
{
"foreground": "ff6600",
"token": "entity.name.tag.wildcard.css"
},
{
"foreground": "ff6600",
"token": "entity.other.attribute-name.id.css"
},
{
"foreground": "ff6600",
"token": "entity.other.attribute-name.class.css"
},
{
"foreground": "999966",
"token": "support.type.property-name.css"
},
{
"foreground": "ffffff",
"token": "keyword.other.unit.css"
},
{
"foreground": "ffffff",
"token": "constant.other.rgb-value.css"
},
{
"foreground": "ffffff",
"token": "constant.numeric.css"
},
{
"foreground": "ffffff",
"token": "support.function.event-handler.js"
},
{
"foreground": "ffffff",
"token": "keyword.operator.js"
},
{
"foreground": "cccc66",
"token": "keyword.control.js"
},
{
"foreground": "ffffff",
"token": "support.class.prototype.js"
},
{
"foreground": "ff6600",
"token": "object.property.function.prototype.js"
}
],
"colors": {
"editor.foreground": "#FFFFFF",
"editor.background": "#000000",
"editor.selectionBackground": "#35493CE0",
"editor.lineHighlightBackground": "#333300",
"editorCursor.foreground": "#FFFFFF",
"editorWhitespace.foreground": "#404040"
}
}

View File

@@ -0,0 +1,98 @@
{
"base": "vs",
"inherit": true,
"rules": [
{
"background": "FFFFFF",
"token": ""
},
{
"foreground": "008e00",
"token": "comment"
},
{
"foreground": "7d4726",
"token": "meta.preprocessor"
},
{
"foreground": "7d4726",
"token": "keyword.control.import"
},
{
"foreground": "df0002",
"token": "string"
},
{
"foreground": "3a00dc",
"token": "constant.numeric"
},
{
"foreground": "c800a4",
"token": "constant.language"
},
{
"foreground": "275a5e",
"token": "constant.character"
},
{
"foreground": "275a5e",
"token": "constant.other"
},
{
"foreground": "c800a4",
"token": "variable.language"
},
{
"foreground": "c800a4",
"token": "variable.other"
},
{
"foreground": "c800a4",
"token": "keyword"
},
{
"foreground": "c900a4",
"token": "storage"
},
{
"foreground": "438288",
"token": "entity.name.class"
},
{
"foreground": "790ead",
"token": "entity.name.tag"
},
{
"foreground": "450084",
"token": "entity.other.attribute-name"
},
{
"foreground": "450084",
"token": "support.function"
},
{
"foreground": "450084",
"token": "support.constant"
},
{
"foreground": "790ead",
"token": "support.type"
},
{
"foreground": "790ead",
"token": "support.class"
},
{
"foreground": "790ead",
"token": "support.other.variable"
}
],
"colors": {
"editor.foreground": "#000000",
"editor.background": "#FFFFFF",
"editor.selectionBackground": "#B5D5FF",
"editor.lineHighlightBackground": "#00000012",
"editorCursor.foreground": "#000000",
"editorWhitespace.foreground": "#BFBFBF"
}
}

180
theme/index.ts Normal file
View File

@@ -0,0 +1,180 @@
import type { Theme } from "theme-ui";
import { darken, lighten } from '@theme-ui/color'
const makeTheme = <T extends Theme>(t: T) => t
export const theme = makeTheme({
config: {
initialColorModeName: 'light',
},
breakpoints: ['40em', '52em', '64em', '78em'],
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
fonts: {
body: 'Work Sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
heading: 'Work Sans, sans-serif',
monospace: 'Roboto, monospace',
},
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
fontWeights: {
body: 400,
heading: 400,
bold: 700,
},
layout: {
container: {
maxWidth: "100%",
width: "100%",
mx: "auto",
px: 3
}
},
lineHeights: {
body: 1.5,
heading: 0.85,
},
colors: {
text: '#000000',
background: '#FFFFFF',
primary: '#9A52FF',
secondary: '#30c',
muted: '#C6C6D3',
modes: {
dark: {
text: '#FFFFFF',
background: '#000000',
primary: '#9A52FF',
secondary: '#30c',
}
}
},
text: {
heading: {
fontFamily: 'heading',
lineHeight: 'heading',
fontWeight: 'heading',
},
monospace: {
fontWeight: 300
}
},
sizes: {
"widePlus": 2048,
"wide": 1536,
"layoutPlus": 1260,
"layout": 1024,
"copyUltra": 980,
"copyPlus": 768,
"copy": 680,
"narrowPlus": 600,
"narrow": 512,
sm: {
paddingX: 3,
paddingY: 1
},
md: {
px: 4,
py: 2
},
lg: {
px: 6,
py: 4
},
},
buttons: {
primary: {
size: 'md',
color: 'white',
bg: 'primary',
'&:hover': {
bg: darken('primary', 0.1),
borderColor: darken('primary', 0.1)
},
fontWeight: 600,
borderRadius: '3px',
fontSize: 1,
border: '1px solid',
borderColor: 'primary',
},
secondary: {
color: 'black',
bg: 'muted',
fontSize: 1,
borderRadius: '3px',
border: '1px solid',
borderColor: 'muted',
'&:hover': {
bg: darken('muted', 0.1),
borderColor: darken('muted', 0.1),
},
cursor: 'pointer'
},
muted: {
color: 'text',
bg: 'background',
fontSize: 1,
border: '1px solid',
borderColor: 'text',
borderRadius: '3px',
'&:hover': {
bg: darken('background', 0.1),
},
cursor: 'pointer'
}
},
styles: {
root: {
fontFamily: 'body',
lineHeight: 'body',
fontWeight: 'body',
},
h1: {
variant: 'text.heading',
fontSize: 5,
},
h2: {
variant: 'text.heading',
fontSize: 4,
},
h3: {
variant: 'text.heading',
fontSize: 3,
},
h4: {
variant: 'text.heading',
fontSize: 2,
},
h5: {
variant: 'text.heading',
fontSize: 1,
},
h6: {
variant: 'text.heading',
fontSize: 0,
},
pre: {
fontFamily: 'monospace',
overflowX: 'auto',
code: {
color: 'inherit',
},
},
code: {
fontFamily: 'monospace',
fontSize: 'inherit',
},
table: {
width: '100%',
borderCollapse: 'separate',
borderSpacing: 0,
},
th: {
textAlign: 'left',
borderBottomStyle: 'solid',
},
td: {
textAlign: 'left',
borderBottomStyle: 'solid',
},
},
});