Custom

README.md

@@ -52,6 +52,11 @@ cp ../misskey/.config/default.yml ./.config/default.yml # replace `../misskey/`
 # cp -r ../misskey/files . # if you don't use object storage
 ```
 
+## 💅 Customize
+
+- To add custom CSS for all users, edit `/custom/instance.css`.
+- To add static assets (such as images for the splash screen), place them in the `/custom/` folder. They'll then be avaliable with `https://yourinstance.tld/static-assets/filename.png`.
+
 ## 🚀 Build and launch!
 
 ### `git pull` and run these steps to update Calckey in the future!

custom/instance.css

@@ -0,0 +1,7 @@
+/*
+* !!! WARNING !!!
+* Editing this file may cause your instance to break for EVERYONE.
+* Please know what you're doing and test it out with regular user custom CSS.
+* With that said, GLHF!
+* This may eventuallly be replaced with a function in the admin panel.
+ */

gulpfile.js

@@ -15,6 +15,10 @@ gulp.task('copy:backend:views', () =>
 	gulp.src('./packages/backend/src/server/web/views/**/*').pipe(gulp.dest('./packages/backend/built/server/web/views'))
 );
 
+gulp.task('copy:backend:custom', () =>
+	gulp.src('./custom/*').pipe(gulp.dest('./packages/backend/assets/'))
+);
+
 gulp.task('copy:client:fonts', () =>
 	gulp.src('./packages/client/node_modules/three/examples/fonts/**/*').pipe(gulp.dest('./built/_client_dist_/fonts/'))
 );
@@ -35,6 +39,7 @@ gulp.task('copy:client:locales', cb => {
 	cb();
 });
 
+
 gulp.task('build:backend:script', () => {
 	return gulp.src(['./packages/backend/src/server/web/boot.js', './packages/backend/src/server/web/bios.js', './packages/backend/src/server/web/cli.js'])
 		.pipe(replace('LANGS', JSON.stringify(Object.keys(locales))))

packages/backend/src/server/web/views/base.pug

@@ -36,6 +36,7 @@ html
 		link(rel='prefetch' href='/static-assets/badges/not-found.png')
 		link(rel='prefetch' href='/static-assets/badges/error.png')
 		link(rel='stylesheet' href='/assets/fontawesome/css/all.css')
+		link(rel='stylesheet' href='/static-assets/instance.css')
 		link(rel='modulepreload' href=`/assets/${clientEntry.file}`)
 
 		each href in clientEntry.css