Streamer272/svitan.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Adds Mocha Catppuccin Tailwind theme

Browse Source
This commit is contained in:
Daniel Svitan
2026-01-17 16:11:50 +01:00
parent f79ee8ad41
commit 6be5249510
4 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/pages/index.vue
View File

@@ -1,9 +1,9 @@
<template>
<div class="w-screen h-full flex items-center justify-start flex-col font-mono bg-ctp-base">
<div class="w-screen h-full flex items-center justify-start flex-col font-mono bg-ctp-base text-ctp-text mocha">
<div class="w-1 h-10 shrink-10" />
<div
class="w-[90vw] sm:w-[80vw] m:w-[70vw] lg:w-[60vw] xl:w-[50vw] border-solid border-black border-1 p-3 shrink-0 overflow-auto relative"
class="w-[90vw] sm:w-[80vw] m:w-[70vw] lg:w-[60vw] xl:w-[50vw] border-solid border-ctp-text border-1 p-3 shrink-0 overflow-auto relative"
>
<div class="absolute top-2 right-2 flex gap-x-2">
<button
@@ -20,7 +20,7 @@
<p class="mr-16">{{ $t("main.note.accessibility") }}</p>
<div class="h-4" />
<h1 class="text-xl text-ctp-primary">
<h1 class="text-xl">
{{ $t("main.intro.0") }}
<span class="font-bold">{{ $t("main.intro.1") }}</span> ({{
$t("main.intro.2")
@@ -438,7 +438,7 @@ th {
tr,
thead {
border-bottom: 1px solid black;
border-bottom: 1px solid var(--catppuccin-color-text);
}
tr:last-of-type {
@@ -447,8 +447,8 @@ tr:last-of-type {
.hashtag {
padding: 0 0.25rem;
background-color: #e8e8e8;
border-radius: 0.5rem;
border: 1px solid var(--catppuccin-color-text);
border-radius: 1rem;
}
</style>