flambyte/RUX
1
0
Fork 0
mirror of https://old.git.ood.ovh/flambyte/RUX.git synced 2025-04-28 22:37:51 +02:00
Code Issues 11 Projects Releases Packages Wiki Activity Actions

Fix(dark theme): typo

Browse source
This commit is contained in:
Hactarus 2023-03-14 14:09:29 +01:00
parent 2126e2866b
commit 82a2744d84
3 changed files with 54 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
assets/css/datk_theme.css → assets/css/dark_theme.css
View file

72
assets/css/style_hactarus.css
View file

@ -1,16 +1,26 @@
/* Navigation */
body {
margin-top: 5vh;
}
header > nav {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
nav > ul {
header {
height: 5vh;
}
header > nav {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 5vh;
background-color: transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
z-index: 2;
background-color: var(--color-bg-head);
color: var(--color-link);
}
nav>ul {
display: flex;
flex-direction: row;
width: 100%;
@ -18,7 +28,7 @@ nav > ul {
justify-content: space-around;
}
nav > ul > li {
nav>ul>li {
flex: auto;
}
@ -27,34 +37,34 @@ section {
}
h2 {
background-color: var(--color-bg);
color: var(--color-txt);
background-color: var(--color-bg);
color: var(--color-txt);
}
/* Decorations */
.strip {
box-sizing: border-box;
width: 90%;
display: block;
width: 100%;
height: 4em;
z-index: -1;
position: absolute;
margin-left: -19px;
position: fixed;
background-color: #FF00C7;
overflow: hidden;
}
.strip>.strip--1 {
top: 55em;
.strip--1 {
top: 20vh;
transform: skew(30deg) rotate(30deg);
}
.strip>.strip--2 {
top: 82em;
.strip--2 {
top: 50vh;
transform: skew(-30deg) rotate(-30deg);
}
.strip>.strip--3 {
top: 109em;
.strip--3 {
top: 90vh;
transform: skew(30deg) rotate(30deg);
}
@ -64,4 +74,22 @@ h2 {
background-size: cover;
filter: invert(1);
margin-top: -19em;
}
.fond {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 100%;
padding-top: 18vh;
background-image: url(../images/background.png);
background-color: var(--color-bg-head);
filter: contrast(130%);
text-align: center;
}
.highlight {
background: linear-gradient(120deg, #ff00e329 0%, #74ff0069 100%);
background-repeat: no-repeat;
background-size: 100% 20%;
background-position: 0 60%;
}

7
index.html
View file

@ -32,14 +32,15 @@
<!-- <link rel="stylesheet" href="assets/css/style.css"> -->
<link rel="stylesheet" href="assets/css/imports.css">
<link rel="stylesheet" href="assets/css/style_hactarus.css">
<link rel="stylesheet" media='prefers-color-scheme: dark' href="assets/css/dark_theme.css" />
<link rel="stylesheet" media='prefers-color-scheme: light' href="assets/css/light_theme.css" />
<link rel="stylesheet" media='(prefers-color-scheme: dark)' href="assets/css/dark_theme.css" />
<link rel="stylesheet" media='(prefers-color-scheme: light)' href="assets/css/light_theme.css" />
<!--
<link rel="stylesheet" media='screen and (min-width: 750px)' href="assets/css/750_phone.css" />
<link rel="stylesheet" media='screen and (min-width: 800px)' href="assets/css/800_tablet.css" />
<link rel="stylesheet" media='screen and (max-width: 1024px)' href="assets/css/1024_pc.css" /> -->
<script src="assets/js/app.js" defer></script>
<script src="assets/js/theme.js" defer></script>
</head>
<body data-theme="light">
@ -77,7 +78,7 @@
<a href="#integration">Intégration</a>
</li>
<li>
<button class="js-theme-trigger" alt="theme switcher">
<button id="theme-toggle" class="js-theme-trigger" alt="theme switcher">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
clip-rule="evenodd">
<path