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

reverse colors

Browse source
This commit is contained in:
Julie Blanc 2025-12-10 15:05:19 +01:00
parent 0eb4ed21e3
commit 8b5f1129f0
4 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
public/assets/css/src/_buttons.scss
View file

@ -37,6 +37,7 @@
border: 1px solid currentColor; border: 1px solid currentColor;
border-radius: calc(var(--input-h)); border-radius: calc(var(--input-h));
font-weight: 500; font-weight: 500;
background-color: var(--color-panel-bg);
&.active{ &.active{
background-color: var(--color-interface-400); background-color: var(--color-interface-400);

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

@ -77,7 +77,7 @@
[data-color-type="elem"]{ [data-color-type="page"]{
--color-050: #fff4ec; --color-050: #fff4ec;
--color-100: #ffe6d6; --color-100: #ffe6d6;
--color-200: #ffd1b5; --color-200: #ffd1b5;
@ -91,7 +91,7 @@
} }
[data-color-type="page"]{ [data-color-type="elem"]{
--color-050: #f4f0ff; --color-050: #f4f0ff;
--color-100: #e7e1ff; --color-100: #e7e1ff;
--color-200: #d4c8ff; --color-200: #d4c8ff;

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

@ -163,7 +163,7 @@
--color-900: #483c39; --color-900: #483c39;
} }
[data-color-type=elem] { [data-color-type=page] {
--color-050: #fff4ec; --color-050: #fff4ec;
--color-100: #ffe6d6; --color-100: #ffe6d6;
--color-200: #ffd1b5; --color-200: #ffd1b5;
@ -176,7 +176,7 @@
--color-900: #d96a30; --color-900: #d96a30;
} }
[data-color-type=page] { [data-color-type=elem] {
--color-050: #f4f0ff; --color-050: #f4f0ff;
--color-100: #e7e1ff; --color-100: #e7e1ff;
--color-200: #d4c8ff; --color-200: #d4c8ff;
@ -490,6 +490,7 @@ input[type=number] {
border: 1px solid currentColor; border: 1px solid currentColor;
border-radius: calc(var(--input-h)); border-radius: calc(var(--input-h));
font-weight: 500; font-weight: 500;
background-color: var(--color-panel-bg);
} }
#editor-panel .tabs .tab.active { #editor-panel .tabs .tab.active {
background-color: var(--color-interface-400); background-color: var(--color-interface-400);