studio-variable/geoproject-app
4
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

color darker

Browse source
This commit is contained in:
Julie Blanc 2025-12-10 15:12:50 +01:00
parent 8b5f1129f0
commit c6873ff7e0
4 changed files with 37 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

40
public/assets/css/src/_colors.scss
View file

@ -78,28 +78,28 @@
[data-color-type="page"]{ [data-color-type="page"]{
--color-050: #fff4ec; --color-050: #fff4ec;
--color-100: #ffe6d6; --color-100: #ffe6d6;
--color-200: #ffd1b5; --color-200: #ffd7c2;
--color-300: #ffbc94; --color-300: #ffc7ac;
--color-400: #ffa673; --color-400: #ffb38f;
--color-500: #ff945b; --color-500: #ffa06f;
--color-600: #ff8d54; --color-600: #ff8a50;
--color-700: #f97f46; --color-700: #ff8a50;
--color-800: #ff8a50; --color-800: #ea733c;
--color-900: #d96a30; --color-900: #d96a30;
} }
[data-color-type="elem"]{ [data-color-type="elem"]{
--color-050: #f4f0ff; --color-050: #f4f0ff;
--color-100: #e7e1ff; --color-100: #e7e1ff;
--color-200: #d4c8ff; --color-200: #dacfff;
--color-300: #b9a8ff; --color-300: #c7b8ff;
--color-400: #9f89ff; --color-400: #b19cff;
--color-500: #866aff; --color-500: #9a80ff;
--color-600: #7a52ff; --color-600: #7136ff;
--color-700: #7442ff; --color-700: #6930f5;
--color-800: #7136ff; --color-800: #5d28e6;
--color-900: #5223d6; --color-900: #5223d6;
} }

19
public/assets/css/src/_forms-section.scss
View file

@ -12,21 +12,9 @@
font-weight: 600; font-weight: 600;
font-size: 1.4rem; font-size: 1.4rem;
// border-radius: var(--border-radius);
// height: var(--input-h);
// padding: 0 1ch;
// display: flex;
// align-items: center;
// color: var(--color-interface-050);
// background-color: var(--color-800);
// display: inline-block;
border-bottom: 1px solid var(--color-200); border-bottom: 1px solid var(--color-200);
color: var(--color-800); color: var(--color-800);
// border-bottom: 2px solid currentColor;
// margin-bottom: 2rem;
} }
.infos{ .infos{
@ -43,10 +31,9 @@
h3 { h3 {
margin-top: calc(var(--space-xs)*1.5); margin-top: calc(var(--space-xs)*1.5);
margin-bottom: calc(var(--space-xs)*2); margin-bottom: calc(var(--space-xs)*2);
// color: var(--color-600); font-size: 1rem;
font-size: 1rem; font-weight: 600;
font-weight: 600;
} }
} }

8
public/assets/css/src/_forms.scss
View file

@ -15,11 +15,6 @@ input[type="number"] {
.field { .field {
display: flex; display: flex;
// label{
// width: var(--label-w);
// background-color: red;
// flex-grow: 3;
// }
label { label {
font-weight: 600; font-weight: 600;
@ -108,9 +103,6 @@ input[type="number"] {
.checkbox-field{ .checkbox-field{
margin: calc(var(--space-xs)*2) 0; margin: calc(var(--space-xs)*2) 0;
grid-template-columns: 3ch 1fr; grid-template-columns: 3ch 1fr;
label{
// font-weight: normal;
}
input{ input{
justify-self: left; justify-self: left;
margin: 0; margin: 0;

28
public/assets/css/style.css
View file

@ -166,26 +166,26 @@
[data-color-type=page] { [data-color-type=page] {
--color-050: #fff4ec; --color-050: #fff4ec;
--color-100: #ffe6d6; --color-100: #ffe6d6;
--color-200: #ffd1b5; --color-200: #ffd7c2;
--color-300: #ffbc94; --color-300: #ffc7ac;
--color-400: #ffa673; --color-400: #ffb38f;
--color-500: #ff945b; --color-500: #ffa06f;
--color-600: #ff8d54; --color-600: #ff8a50;
--color-700: #f97f46; --color-700: #ff8a50;
--color-800: #ff8a50; --color-800: #ea733c;
--color-900: #d96a30; --color-900: #d96a30;
} }
[data-color-type=elem] { [data-color-type=elem] {
--color-050: #f4f0ff; --color-050: #f4f0ff;
--color-100: #e7e1ff; --color-100: #e7e1ff;
--color-200: #d4c8ff; --color-200: #dacfff;
--color-300: #b9a8ff; --color-300: #c7b8ff;
--color-400: #9f89ff; --color-400: #b19cff;
--color-500: #866aff; --color-500: #9a80ff;
--color-600: #7a52ff; --color-600: #7136ff;
--color-700: #7442ff; --color-700: #6930f5;
--color-800: #7136ff; --color-800: #5d28e6;
--color-900: #5223d6; --color-900: #5223d6;
} }