Skip to content

Commit

Permalink
Color Changes + Fixes
Browse files Browse the repository at this point in the history 
Change to colors and fixed fridge

Now migrating!
  • Loading branch information
@Jodekq
Jodekq committed Feb 2, 2024
1 parent 459fbfd commit 154f871
Show file tree
Hide file tree
Showing 16 changed files with 263 additions and 151 deletions.
21 changes: 11 additions & 10 deletions css/ToBuy.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

.item-3 {
color: var(--on-background);
background-color: var(--secondary);
border: 2px solid var(--secondary);
}
}

Expand Down Expand Up @@ -59,7 +59,7 @@
padding: 10px 15px 0px;

.add-item {
color: var(--accent);
color: var(--secondary);
display: flex;
align-items: end;
}
Expand Down Expand Up @@ -103,7 +103,7 @@
.checkbox-wrapper {
display: flex;
align-items: center;
justify-content: center;
justify-content: center;

.checkbox {
appearance: none;
Expand Down Expand Up @@ -157,15 +157,18 @@

cursor: pointer;

background-color: var(--accent);
color: var(--on-primary);

border: 2px solid var(--secondary);

color: var(--on-background);
font-weight: bold;
font-size: 12px;
}

.undo-button {
background-color: var(--primary);
color: var(--on-primary);
border: 2px solid var(--accent);
color: var(--on-background);
font-weight: bold;
font-size: 12px;

display: flex;
align-items: center;
Expand All @@ -178,8 +181,6 @@
margin: 15px;

cursor: pointer;

font-size: 12px;
}

}
Expand Down
2 changes: 1 addition & 1 deletion css/calendar.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,6 @@

.item-5 {
color: var(--on-background);
background-color: var(--secondary);
border: 2px solid var(--secondary);
}
}
3 changes: 1 addition & 2 deletions css/docs.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@
justify-content: center;
margin-top: 20px;


.docs-nav {
width: 25%;

Expand Down Expand Up @@ -73,7 +72,7 @@

.docs-content {
display: flex;
flex-direction: column;
flex-direction: column;

padding-top: 50px;
gap: 1rem;
Expand Down
54 changes: 29 additions & 25 deletions css/fridge.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

.item-4 {
color: var(--on-background);
background-color: var(--secondary);
border: 2px solid var(--secondary);
}
}

Expand Down Expand Up @@ -43,14 +43,10 @@
width: fit-content;

color: var(--on-surface);
background-color: var(--secondary);

border-radius: 10px;
font-weight: bold;

cursor: pointer;

border: 1px solid var(--accent);

&:hover {
text-decoration: underline;
}
Expand Down Expand Up @@ -82,8 +78,11 @@
justify-content: space-between;

.add-item-button {
background-color: var(--secondary);
color: var(--accent);
color: var(--secondary);
font-weight: bold;

border: 2px solid var(--secondary);

margin: 7px;
padding: 6px;

Expand All @@ -93,7 +92,6 @@
cursor: pointer;

border-radius: 10px;

}
}

Expand Down Expand Up @@ -129,9 +127,23 @@
align-items: center;
}

.bx-info-circle {
color: var(--accent);
cursor: pointer;
.info-span {
display: flex;
gap: 5px;

.bx {
color: var(--secondary);
cursor: pointer;
}

.info-span-content {
display: none;

&:hover {
display: block;
}

}
}
}
}
Expand All @@ -150,8 +162,11 @@
justify-content: center;

.add-item-modal-content {
background-color: var(--secondary);
background-color: var(--primary);
color: var(--on-background);

border: 2px solid var(--dark-secondary);

width: 400px;
height: 380px;
border-radius: 10px;
Expand Down Expand Up @@ -234,7 +249,7 @@
}

.bx {
color: var(--accent);
color: var(--secondary);
display: flex;
align-items: center;
}
Expand All @@ -261,17 +276,6 @@
}
}
}

.modal-add-item {
justify-content: center;
padding: 8px;
background-color: var(--accent);
margin: 0 30%;
color: var(--on-primary);
font-weight: bold;
border-radius: 10px;
cursor: pointer;
}
}
}
}
22 changes: 12 additions & 10 deletions css/main.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,21 +43,21 @@
gap: 10px;

.plannedDate {

border-bottom: 1px solid var(--secondary);
width: fit-content;
}

.ingredient {
border: 2px solid var(--accent);
border-radius: 10px;
width: fit-content;
padding: 0 5px;
text-decoration: underline;
}

.button {
border: none;
font-size: 16px;
background-color: var(--primary);
background-color: var(--secondary);

color: var(--on-primary);
font-size: 16px;
font-weight: bold;

padding: 6px 12px;
border-radius: 6px;
Expand Down Expand Up @@ -110,7 +110,7 @@
gap: 10px;

.bx {
color: var(--accent);
color: var(--secondary);
font-size: 28px
}
}
Expand All @@ -135,11 +135,13 @@
}

.middle {
background-color: var(--secondary);
// background-color: var(--primary);
background: linear-gradient(to top left, var(--dark-secondary), var(--background));
border: 2px solid var(--accent);
padding: 2em;

.mpstar {
color: var(--accent);
color: var(--secondary);
height: 2em;
display: flex;
align-items: center;
Expand Down
38 changes: 8 additions & 30 deletions css/newplate.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

.item-1 {
color: var(--on-background);
background-color: var(--secondary);
border: 2px solid var(--secondary);
}
}

Expand All @@ -15,10 +15,6 @@
margin: 2.5%;
padding: 3% 4% 3% 4%;

border-radius: 10px;

background-color: var(--surface);

color: var(--on-background);

display: flex;
Expand All @@ -27,7 +23,7 @@
gap: 5%;

.head {
height: 50px;
height: 50px;

display: flex;
justify-content: space-between;
Expand Down Expand Up @@ -63,20 +59,6 @@
align-items: center;
justify-content: center;
}

.save-button {
display: flex;
align-items: center;

border-radius: 50px;

padding: 8px;

cursor: pointer;

background-color: var(--primary);
color: var(--on-primary);
}
}

.create-plate-content {
Expand All @@ -87,7 +69,7 @@
gap: 15px;

.ingredients {
background-color: var(--secondary);
background-color: var(--primary);
border-radius: 10px;

display: flex;
Expand All @@ -102,10 +84,12 @@
align-items: center;
gap: 5px;

margin-bottom: 10px;

cursor: pointer;

.add-item {
color: var(--accent);
color: var(--secondary);
display: flex;
align-items: end;
}
Expand All @@ -122,12 +106,9 @@

gap: 10px;

border-radius: 10px;

.ingredient-name {
border: 2px solid var(--accent);
width: 200px;
padding: 3px 0 3px 10px;
padding: 3px 5px;

border-radius: 10px;

Expand All @@ -136,19 +117,16 @@
}

.ingredient-amount {
border: 2px solid var(--accent);
width: 50px;
padding: 0 0 0 5px;

border-radius: 10px;

cursor: pointer;
}
}
}

.add-list-button {
background-color: var(--secondary);
background-color: var(--primary);
color: var(--no-select);

padding: 10px 16px;
Expand Down
Loading

0 comments on commit 154f871

Please sign in to comment.