Styling - vike-docs-template

Adjusting or adding styles is required to implement a custom style or theme.

Check out or if you desire a more type-safe, maintainable and scalable styling solution or check for a more comprehensive list of options.

Add or import global CSS in index.css or Layout.tsx.

@tailwind base;
@tailwind components;
@tailwind utilities;

/* add css */

.example {
  background: black;
}

Extend the tailwind.config or replace as much as required with another styling solution, some recommendations have been made .

Light/Dark mode with a class based approach is implemented but no theme colors are configured.

This template is using and . Adjust the settings in options.ts and the Prism theme css import in Layout.tsx as needed.

import './index.css';
import 'prism-themes/themes/prism-vsc-dark-plus.css';