flambyte/RUX
1
0
Fork 0
mirror of https://old.git.ood.ovh/flambyte/RUX.git synced 2025-04-29 05:12:06 +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

56
assets/css/style_hactarus.css
View file

@ -1,16 +1,26 @@
/* Navigation */ /* Navigation */
body { body {
margin-top: 5vh; }
header {
height: 5vh;
} }
header > nav { header > nav {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
z-index: 1030; 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 { nav>ul {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
@ -18,7 +28,7 @@ nav > ul {
justify-content: space-around; justify-content: space-around;
} }
nav > ul > li { nav>ul>li {
flex: auto; flex: auto;
} }
@ -34,27 +44,27 @@ h2 {
/* Decorations */ /* Decorations */
.strip { .strip {
box-sizing: border-box; box-sizing: border-box;
width: 90%; display: block;
width: 100%;
height: 4em; height: 4em;
z-index: -1; z-index: -1;
position: absolute; position: fixed;
margin-left: -19px;
background-color: #FF00C7; background-color: #FF00C7;
overflow: hidden;
} }
.strip>.strip--1 { .strip--1 {
top: 55em; top: 20vh;
transform: skew(30deg) rotate(30deg); transform: skew(30deg) rotate(30deg);
} }
.strip>.strip--2 { .strip--2 {
top: 82em; top: 50vh;
transform: skew(-30deg) rotate(-30deg); transform: skew(-30deg) rotate(-30deg);
} }
.strip>.strip--3 { .strip--3 {
top: 109em; top: 90vh;
transform: skew(30deg) rotate(30deg); transform: skew(30deg) rotate(30deg);
} }
@ -65,3 +75,21 @@ h2 {
filter: invert(1); filter: invert(1);
margin-top: -19em; 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/style.css"> -->
<link rel="stylesheet" href="assets/css/imports.css"> <link rel="stylesheet" href="assets/css/imports.css">
<link rel="stylesheet" href="assets/css/style_hactarus.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: 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: 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: 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 (min-width: 800px)' href="assets/css/800_tablet.css" />
<link rel="stylesheet" media='screen and (max-width: 1024px)' href="assets/css/1024_pc.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/app.js" defer></script>
<script src="assets/js/theme.js" defer></script>
</head> </head>
<body data-theme="light"> <body data-theme="light">
@ -77,7 +78,7 @@
<a href="#integration">Intégration</a> <a href="#integration">Intégration</a>
</li> </li>
<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" <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
clip-rule="evenodd"> clip-rule="evenodd">
<path <path