Skip to content

Vulkan-tutorial catppuccin macchiato peach/red by GuilianCD

Write a review Install Get Stylus

Details

AuthorGuilianCD

LicenseCC Zero

Categoryvulkan-tutorial

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Just a quick theme for vulkan-tutorial to make it less blindingly white and more catppuccin.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Vulkan-tutorial catppuccin macchiato peach/red
@version      20230504.22.57
@namespace    ?
==/UserStyle== */

@-moz-document domain("vulkan-tutorial.com") {
:root {
	--ctpn-subtext0: #a5adcb;
	--ctpn-text: #cad3f5;
	
	--ctpn-overlay0: #6e738d;
	--ctpn-surface0: #363a4f;
	--ctpn-base: #24273a;
	--ctpn-mantle: #1e2030;
	--ctpn-crust: #181926;
	
	--ctpn-red: #ed8796;
	--ctpn-peach: #f5a97f;
}

body, html {
	color: var(--ctpn-text) !important;
}

body, .content {
	background-color: var(--ctpn-mantle) !important;
}

.columns .right-column .content-page {
	background-color: var(--ctpn-base) !important;
}

a {
  color: var(--ctpn-red) !important;
  border-bottom: 1px dotted var(--ctpn-red) !important;
}

a:focus, a:hover {
  color: var(--ctpn-peach) !important;
  text-decoration: underline;
}

code {
  color: var(--ctpn-peach) !important;
  background-color: var(--ctpn-crust) !important;
  border: none !important;
}

.nav-logo {
  background: var(--ctpn-red);
  color: var(--ctpn-crust);
}

pre {
	background-color: var(--ctpn-base) !important;
}

/*trick the css specificity order by testing for an 'a' with an 'href' (so any of them lol)*/
ul.pager li > a[href] {
	background-color: var(--ctpn-crust) !important;
	border-color: var(--ctpn-crust) !important;
	padding: 1em 3em;
}
}

Reviews

No reviews yet.