client: improve theming variable consistency

client/components/app/index.tsx

@@ -28,6 +28,21 @@ const App = ({
                 accents_8: 'var(--darkest-gray)',
                 border: 'var(--light-gray)',
             },
+            expressiveness: {
+                dropdownBoxShadow: '0 0 0 1px var(--light-gray)',
+                shadowSmall: '0 0 0 1px var(--light-gray)',
+                shadowLarge: '0 0 0 1px var(--light-gray)',
+                shadowMedium: '0 0 0 1px var(--light-gray)',
+            },
+            layout: {
+                gap: 'var(--gap)',
+                gapHalf: 'var(--gap-half)',
+                gapQuarter: 'var(--gap-quarter)',
+                gapNegative: 'var(--gap-negative)',
+                gapHalfNegative: 'var(--gap-half-negative)',
+                gapQuarterNegative: 'var(--gap-quarter-negative)',
+                radius: 'var(--radius)',
+            },
             font: {
                 mono: 'var(--font-mono)',
                 sans: 'var(--font-sans)',

client/components/new-post/index.tsx

@@ -130,7 +130,7 @@ const Post = () => {
     }, [title])
 
     return (
-        <div style={{ marginBottom: 150 }}>
+        <div style={{ paddingBottom: 150 }}>
             <Title title={title} onChange={onChangeTitle} />
             <FileDropzone setDocs={uploadDocs} />
             <EditDocumentList onPaste={onPaste} docs={docs} updateDocTitle={updateDocTitle} updateDocContent={updateDocContent} removeDoc={removeDoc} />

client/styles/globals.css

@@ -8,6 +8,9 @@
 	--gap-half: 0.5rem;
 	--gap: 1rem;
 	--gap-double: 2rem;
+	--gap-negative: calc(-1 * var(--gap));
+	--gap-half-negative: calc(-1 * var(--gap-half));
+	--gap-quarter-negative: calc(-1 * var(--gap-quarter));
 	--small-gap: 4rem;
 	--big-gap: 4rem;
 	--main-content: 55rem;

server/src/routes/posts.ts

@@ -11,7 +11,8 @@ import markdown from "@lib/render-markdown"
 export const posts = Router()
 
 const postVisibilitySchema = (value: string) => {
-	if (value === "public" || value === "private") {
+  if (value === "public" || value === "private" ||
+    value === "unlisted" || value === "protected") {
     return value
   } else {
     throw new Error("Invalid post visibility")

server/src/server.ts

@@ -2,7 +2,6 @@ import { createServer } from "http"
 import { app } from "./app"
 import config from "./lib/config"
 import { sequelize } from "./lib/sequelize"
-
 ;(async () => {
 	await sequelize.sync({})
 	createServer(app).listen(config.port, () =>