diff --git a/pages/edit-otp.go.html b/pages/edit-otp.go.html
index c812558..9e1f2c8 100644
--- a/pages/edit-otp.go.html
+++ b/pages/edit-otp.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/edit-password.go.html b/pages/edit-password.go.html
index 99e1cbc..ecb41c3 100644
--- a/pages/edit-password.go.html
+++ b/pages/edit-password.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/edit.go.html b/pages/edit.go.html
index be6331c..ef26d5c 100644
--- a/pages/edit.go.html
+++ b/pages/edit.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/index-guest.go.html b/pages/index-guest.go.html
index 54b0671..a584fdc 100644
--- a/pages/index-guest.go.html
+++ b/pages/index-guest.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/index.go.html b/pages/index.go.html
index 7852e1b..5283609 100644
--- a/pages/index.go.html
+++ b/pages/index.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/login-otp.go.html b/pages/login-otp.go.html
index 799c70e..e53a1f4 100644
--- a/pages/login-otp.go.html
+++ b/pages/login-otp.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/login.go.html b/pages/login.go.html
index c8f8021..e3f9481 100644
--- a/pages/login.go.html
+++ b/pages/login.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/manage-apps.go.html b/pages/manage-apps.go.html
index c173655..69ca61c 100644
--- a/pages/manage-apps.go.html
+++ b/pages/manage-apps.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
     <script>
         window.addEventListener("load", function () {
             selectText("app-secret");
diff --git a/pages/manage-users.go.html b/pages/manage-users.go.html
index 3d17024..dc51003 100644
--- a/pages/manage-users.go.html
+++ b/pages/manage-users.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/oauth-authorize.go.html b/pages/oauth-authorize.go.html
index eaf637e..3d1e9b2 100644
--- a/pages/oauth-authorize.go.html
+++ b/pages/oauth-authorize.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/remove-otp.go.html b/pages/remove-otp.go.html
index 8f37d83..8e714da 100644
--- a/pages/remove-otp.go.html
+++ b/pages/remove-otp.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/pages/reset-password.go.html b/pages/reset-password.go.html
index 0b6fca7..da6ad4d 100644
--- a/pages/reset-password.go.html
+++ b/pages/reset-password.go.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <title>{{.ServiceName}}</title>
+    <link rel="stylesheet" href="/theme/dark.css" media="screen and (prefers-color-scheme: dark)">
 </head>
 <body>
 <header>
diff --git a/server/I-am-just-testing.go b/server/I-am-just-testing.go
deleted file mode 100644
index 372f82f..0000000
--- a/server/I-am-just-testing.go
+++ /dev/null
@@ -1,49 +0,0 @@
-package server
-
-import (
-	"context"
-	"errors"
-	"fmt"
-	"github.com/go-oauth2/oauth2/v4"
-)
-
-var _ oauth2.TokenStore = &TestingStruct{}
-
-type TestingStruct struct {
-}
-
-func (t TestingStruct) Create(ctx context.Context, info oauth2.TokenInfo) error {
-	fmt.Println(info.GetAccessExpiresIn())
-	fmt.Println(info.GetRefreshExpiresIn())
-	return errors.New("error")
-}
-
-func (t TestingStruct) RemoveByCode(ctx context.Context, code string) error {
-	//TODO implement me
-	panic("implement me")
-}
-
-func (t TestingStruct) RemoveByAccess(ctx context.Context, access string) error {
-	//TODO implement me
-	panic("implement me")
-}
-
-func (t TestingStruct) RemoveByRefresh(ctx context.Context, refresh string) error {
-	//TODO implement me
-	panic("implement me")
-}
-
-func (t TestingStruct) GetByCode(ctx context.Context, code string) (oauth2.TokenInfo, error) {
-	//TODO implement me
-	panic("implement me")
-}
-
-func (t TestingStruct) GetByAccess(ctx context.Context, access string) (oauth2.TokenInfo, error) {
-	//TODO implement me
-	panic("implement me")
-}
-
-func (t TestingStruct) GetByRefresh(ctx context.Context, refresh string) (oauth2.TokenInfo, error) {
-	//TODO implement me
-	panic("implement me")
-}
diff --git a/server/server.go b/server/server.go
index 69705d3..efc177c 100644
--- a/server/server.go
+++ b/server/server.go
@@ -1,6 +1,7 @@
 package server
 
 import (
+	"bytes"
 	"crypto/subtle"
 	_ "embed"
 	"encoding/json"
@@ -10,6 +11,7 @@ import (
 	"github.com/1f349/tulip/database"
 	"github.com/1f349/tulip/openid"
 	scope2 "github.com/1f349/tulip/scope"
+	"github.com/1f349/tulip/theme"
 	"github.com/go-oauth2/oauth2/v4/errors"
 	"github.com/go-oauth2/oauth2/v4/generates"
 	"github.com/go-oauth2/oauth2/v4/manage"
@@ -153,6 +155,11 @@ func NewHttpServer(conf Conf, db *database.DB, privKey []byte) *http.Server {
 		http.Error(rw, "Logout failed", http.StatusInternalServerError)
 	}))
 
+	// theme styles
+	r.GET("/theme/dark.css", func(rw http.ResponseWriter, req *http.Request, params httprouter.Params) {
+		http.ServeContent(rw, req, "dark.css", time.Now(), bytes.NewReader(theme.DarkThemeCss))
+	})
+
 	// login steps
 	r.GET("/login", OptionalAuthentication(false, hs.LoginGet))
 	r.POST("/login", OptionalAuthentication(false, hs.LoginPost))
diff --git a/theme/dark.css b/theme/dark.css
new file mode 100644
index 0000000..0a8f10a
--- /dev/null
+++ b/theme/dark.css
@@ -0,0 +1,4 @@
+html, body {
+    background-color: #242424;
+    color: #eeeeee;
+}
diff --git a/theme/theme.go b/theme/theme.go
new file mode 100644
index 0000000..a9dbb5a
--- /dev/null
+++ b/theme/theme.go
@@ -0,0 +1,6 @@
+package theme
+
+import _ "embed"
+
+//go:embed dark.css
+var DarkThemeCss []byte
