Theme
{{
$store.state.themeEngine.type === "create" ? "Creator" : "Editor"
}}
mdi-dice-multiple
Randomize theme
mdi-close
You can now view your changes in real time by navigating anywhere
throughout {{ $store.state.site.name }} with the editor open.
{{
$store.state.themeEngine.type === "create"
? "Create & Apply"
: "Save Edits"
}}
Save a Copy
Discard
Custom CSS
Dark:
{{ friendlyName(index) }}
Light:
{{ friendlyName(index) }}
{{
$store.state.themeEngine.type === "create"
? "Create & Apply"
: "Save Edits"
}}
Save a Copy
Discard
CSS Editor
mdi-close
CTRL + ALT + D / F9 will toggle all custom CSS styling, works
anywhere, even outside the editor.
mdi-content-save
mdi-refresh
Tips
mdi-close
This is an alert.
Try to style it with .v-alert
Here's an example:
.v-alert {
background-color: blue !important;
}
Here's a button
Here's another one
Fonts
/* Stop from font breaking CSS code editor */
.ace_editor div {
font-family: "JetBrains Mono" !important;
}
div {
font-family: "Inter", sans-serif;
}
There are little pre-loaded fonts you can use, they include:
- Roboto (Default)
- Inter
- JetBrains Mono
You may import your own fonts using
@import, or use system fonts.
Save Changes
{{ $store.state.site.name }} QuickSwitcher
{{ $store.state.site.name }} just got better. Please CTRL+R / ⌘+R to
update. (You are on version {{ $store.state.versioning.version }}, and
the latest version is {{ $store.state.site.latestVersion }})
{{ $store.state.site.notification }}
You are currently offline. {{ $store.state.site.name }} functionality
is limited.