forked from axiom-team/astrXbian
125 lines
1.7 KiB
CSS
125 lines
1.7 KiB
CSS
:root {
|
|
|
|
--rouge: hsl(0, 98.8%, 33.5%);
|
|
--rouge-fonce: hsl(0, 75%, 33.5%);
|
|
|
|
--noir-complet: black;
|
|
--noir-fonce: hsl(0, 30%, 2.1%);
|
|
--noir-moyen: hsl(0, 15%, 3.1%);
|
|
--noir-clair: hsl(0, 5%, 7.1%);
|
|
|
|
--blanc: hsla(0, 0%, 100%, 1);
|
|
--blanc-fort: hsla(0, 0%, 100%, 0.75);
|
|
--blanc-semi-transparent: hsla(0, 0%, 100%, 0.25);
|
|
}
|
|
|
|
body {
|
|
|
|
background: var(--noir-fonce);
|
|
color: white;
|
|
}
|
|
|
|
|
|
header {
|
|
|
|
background: var(--noir-clair);
|
|
}
|
|
|
|
|
|
header * {
|
|
|
|
color: var(--rouge);
|
|
}
|
|
|
|
header span {
|
|
|
|
color: white;
|
|
}
|
|
|
|
#pinFilter ul li a {
|
|
|
|
background-color: var(--blanc);
|
|
}
|
|
|
|
#pinFilter ul li a {
|
|
|
|
border-color: red;
|
|
}
|
|
|
|
#pinFilter ul li.selected a {
|
|
|
|
background-color: var(--rouge);
|
|
}
|
|
|
|
|
|
ul#tagsList a,
|
|
ul#tagsList a:visited {
|
|
|
|
color: var(--rouge-fonce);
|
|
}
|
|
|
|
#narrowingTags a,
|
|
#narrowingTags a:visited {
|
|
|
|
color: inherit;
|
|
}
|
|
|
|
#narrowingTags li.selected {
|
|
|
|
background-color: var(--rouge-fonce);
|
|
color: var(--blanc);
|
|
border-color: var(--noir-clair);
|
|
}
|
|
|
|
#narrowingTags li.selectable {
|
|
|
|
background-color: var(--noir-fonce);
|
|
color: var(--rouge-fonce);
|
|
border-color: var(--noir-clair);
|
|
}
|
|
|
|
#videosList > li {
|
|
|
|
background-color: var(--noir-clair);
|
|
border-color: var(--rouge);
|
|
}
|
|
|
|
.video-title,
|
|
.video-title a,
|
|
.video-title a:visited {
|
|
|
|
color: white;
|
|
}
|
|
|
|
#videosList .thumbnail {
|
|
|
|
background-color: var(--noir-complet);
|
|
}
|
|
|
|
#videosList > li ul.tags li.selectable a,
|
|
#videosList > li ul.tags li.selectable a:visited {
|
|
|
|
color: var(--blanc-semi-transparent);
|
|
}
|
|
|
|
#videosList > li ul.tags li.selectable a:hover {
|
|
|
|
color: var(--blanc-fort);
|
|
}
|
|
|
|
#videosList > li ul.tags li.selected a,
|
|
#videosList > li ul.tags li.selected a:visited {
|
|
|
|
color: var(--blanc-fort);
|
|
}
|
|
|
|
article {
|
|
|
|
background-color: var(--noir-clair);
|
|
}
|
|
|
|
article video {
|
|
|
|
background-color: black;
|
|
}
|