BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

broken as always

Browse Source
This commit is contained in:
Raphaël Forment
2023-12-15 14:18:12 +01:00
parent e5cb18d8bf
commit 0873340ec9
3 changed files with 43 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -16,10 +16,9 @@
<script src="https://unpkg.com/hydra-synth"></script> <script src="https://unpkg.com/hydra-synth"></script>
</head> </head>
<style> <style>
body { body {
font-family: "Arial"; font-family: "Arial";
background-color: #111827; background-color: "red";
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
width: 100vw; width: 100vw;
@ -32,7 +31,6 @@
transition: background-color 0.05s ease-in-out; transition: background-color 0.05s ease-in-out;
} }
.fullscreencanvas { .fullscreencanvas {
position: fixed; /* ignore margins */ position: fixed; /* ignore margins */
top: 0px; top: 0px;
@ -67,8 +65,7 @@
} }
</style> </style>
<body id="all" class="z-0 bg-neutral-800 overflow-y-hidden"> <body id="all" class="z-0 bg-color13 overflow-y-hidden">
<h1 class="text-gutterBackground bg-red-800">Dada</h1>
<!-- The header is hidden on smaller devices --> <!-- The header is hidden on smaller devices -->
<header class="py-0 block text-white bg-neutral-900"> <header class="py-0 block text-white bg-neutral-900">
<div id="topbar" class="mx-auto flex flex-wrap pl-2 py-1 flex-row items-center"> <div id="topbar" class="mx-auto flex flex-wrap pl-2 py-1 flex-row items-center">
@ -129,7 +126,7 @@
<div id="documentation" class="hidden"> <div id="documentation" class="hidden">
<div id="documentation-page" class="flex flex-row bg-transparent"> <div id="documentation-page" class="flex flex-row bg-transparent">
<aside class="w-1/8 flex-shrink-0 h-screen overflow-y-auto p-1 lg:p-6 bg-neutral-900 text-white"> <aside class="w-1/8 flex-shrink-0 h-screen overflow-y-auto p-1 lg:p-6 bg-lineHighlight text-white">
<nav class="text-xl sm:text-sm overflow-y-scroll mb-24"> <nav class="text-xl sm:text-sm overflow-y-scroll mb-24">
<details class="" open> <details class="" open>
<summary class="font-semibold lg:text-xl text-orange-300">Basics</summary> <summary class="font-semibold lg:text-xl text-orange-300">Basics</summary>

40
src/style.css
View File

@ -2,23 +2,37 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
:root { @layer base {
--background: "#262626", :root {
--lineBackground: "#3B4252", --color0: "#252525",
--foreground: "#BBBBBB" , --color1: "#832e31",
--caret: "#4C566A", --color2: "#a63c40",
--selection: "#D8DEE9" , --color3: "#d3494e",
--selectionMatch: "#E5E9F0" , --color4: "#fc595f",
--gutterBackground: "#8FBCBB", --color5: "#df9395",
--gutterForeground: "#BF616A", --color6: "#ba8586",
--gutterBorder: "#D08770", --color7: "#f5f5f5",
--lineHighlight: "#B48EAD", --color8: "#5d6f71",
--color9: "#832e31",
--color10: "#a63c40",
--color11: "#d2494e",
--color12: "#fc595f",
--color13: "#df9395",
--color14: "#ba8586",
--color15: "#f5f5f5",
--background: "#151515",
--selection_foreground: "#151515",
--cursor: "#ff443e",
--foreground: "#a1b0b8",
--selection_background: "#a1b0b8"
}
} }
/*
@layer utilities { @layer utilities {
.striped .col-span-3, .striped .col-span-3,
.striped .col-span-2 { .striped .col-span-2 {
@apply bg-background; @apply bg-cursor;
} }
} }
*/

24
tailwind.config.js
View File

@ -7,17 +7,19 @@ export default {
}, },
], ],
theme: { theme: {
colors: { extend: {
background: "var(--background)", colors: {
lineBackground: "var(--lineBackground)", background: "var(--color0)",
foreground: "var(--foreground)", lineBackground: "var(--color1)",
caret: "var(--caret)", foreground: "var(--color2)",
selection: "var(--selection)", caret: "var(--color3)",
selectionMatch: "var(--selectionMatch)", selection: "var(--color4)",
gutterBackground: "var(--gutterBackground)", selectionMatch: "var(--color5)",
gutterForeground: "var(--gutterForeground)", gutterBackground: "var(--color6)",
gutterBorder: "var(--gutterBorder)", gutterForeground: "var(--color7)",
lineHighlight : "var(--lineHighlight)", gutterBorder: "var(--color8)",
lineHighlight : "var(--color9)",
},
}, },
extend: {}, extend: {},
hljs: { hljs: {