Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

début implémentation light-mode avec son script : remplacement de tout les valeur de couleur par varriable corespondante, text-shadow autour de du logo pour le contour, changement de fonctionnement pour que svg puisse changer de couleur

Browse source
This commit is contained in:
antonin gallon 2025-11-20 17:31:26 +01:00
parent 8f9e75126e
commit 0585421854
56 changed files with 492 additions and 6978 deletions
Download patch file Download diff file Expand all files Collapse all files

32
assets/front-comments/style.css
View file

@ -1,5 +1,5 @@
:root {
--fc-border: 2px solid #000;
--fc-border: 2px solid var(--color-primary);
--fc-border-light: 1px solid #999;
--fc-font-size-m: 1.2rem;
--fc-font-size-s: calc(var(--fc-font-size-m) / 1.3);
@ -91,7 +91,7 @@
.fc__edition-panel textarea {
position: relative !important;
resize: none !important;
color: #000 !important;
color: var(--color-primary) !important;
font-family: sans-serif !important;
font-weight: 100 !important;
@ -108,14 +108,14 @@
.fc__edition-panel__btns {
display: flex;
background-color: #fff;
background-color: var(--color-background);
margin-top: 0.5rem;
}
.fc__edition-panel__btns button {
all: initial;
color: #000;
color: var(--color-primary);
font-family: sans-serif;
font-weight: 100;
text-align: center;
@ -124,7 +124,7 @@
width: 100%;
padding: 0.5rem;
border: var(--fc-border) !important;
background-color: #fff;
background-color: var(--color-background);
cursor: pointer;
}
.fc__edition-panel__btns button:first-child {
@ -145,7 +145,7 @@
height: 2.9rem;
scroll-margin-top: 6rem;
color: #000;
color: var(--color-primary);
font-family: sans-serif;
font-size: var(--fc-font-size-m);
font-weight: 500;
@ -162,12 +162,12 @@
width: 20rem;
padding: 1rem;
background-color: #fff;
background-color: var(--color-background);
border: var(--fc-border) !important;
}
.fc__comment * {
color: #000 !important;
color: var(--color-primary) !important;
font-family: sans-serif !important;
font-weight: 100 !important;
}
@ -248,20 +248,20 @@
.fc__context-item:not(:last-child) {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px dotted #000;
border-bottom: 1px dotted var(--color-primary);
}
.fc__open-window {
background-color: transparent;
border: 1px solid #000;
border: 1px solid var(--color-primary);
border-radius: 0;
cursor: pointer;
margin-left: 1rem;
}
.fc__open-window:hover {
background-color: #000;
color: #fff !important;
background-color: var(--color-primary);
color: var(--color-background) !important;
}
/* ================= END CONTEXT ================= */
@ -281,8 +281,8 @@
border: var(--fc-border);
}
.fc__suggestion:hover {
color: #fff;
background-color: #000;
color: var(--color-background);
background-color: var(--color-primary);
}
.fc__suggestion--edit {
background-color: rgba(0, 0, 0, 0.1) !important;
@ -292,8 +292,8 @@
position: absolute;
z-index: 999;
width: 20vw;
background-color: #fff;
color: #000;
background-color: var(--color-background);
color: var(--color-primary);
border: var(--fc-border);
padding: 1rem;
left: -0.1rem;