github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #19715 from overleaf/jel-green

Browse source 
[web] Use greens from foundations for new site design

GitOrigin-RevId: a3e79484fd5bd0bdc5cf83a55be5c64d04d0ffa3
This commit is contained in:
Jessica Lawshe 2024-08-01 10:14:33 -05:00 committed by Copybot
parent 55d0f51279
commit dc43e9f8f4
7 changed files with 15 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/frontend/stylesheets/app/base.less
View file

@ -194,7 +194,7 @@
color: var(--emerald-green);
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
}
text-decoration: underline;
}
@ -210,7 +210,7 @@
color: var(--emerald-green);
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
}
text-decoration: underline;

6
services/web/frontend/stylesheets/app/login-register.less
View file

@ -170,7 +170,7 @@
text-decoration-skip-ink: none;
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
}
// for accessibility with keyboard navigation
@ -346,7 +346,7 @@
text-decoration-skip-ink: none;
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
}
// for accessibility with keyboard navigation
@ -371,7 +371,7 @@
text-decoration-skip-ink: none;
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
}
// for accessibility with keyboard navigation

14
services/web/frontend/stylesheets/app/website-redesign.less
View file

@ -775,7 +775,7 @@
}
.quote-card-link {
color: var(--mint-green);
color: var(--green-30);
}
@media (max-width: @screen-sm-max) {
@ -834,7 +834,7 @@
}
&.green-bg {
background-color: var(--mint-green);
background-color: var(--green-30);
}
}
@ -956,9 +956,9 @@
color: var(--emerald-green);
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
.right-arrow {
color: var(--emerald-green-dark);
color: var(--green-60);
}
}
}
@ -971,7 +971,7 @@
text-decoration-skip-ink: none;
&:hover {
color: var(--emerald-green-dark);
color: var(--green-60);
}
// for accessibility with keyboard navigation
@ -1001,7 +1001,7 @@
color: var(--white);
&:hover {
background: var(--emerald-green-dark);
background: var(--green-60);
}
}
}
@ -1018,7 +1018,7 @@
.green-round-background {
.round-background;
background: var(--mint-green);
background: var(--green-30);
}
.blue-round-background {

4
services/web/frontend/stylesheets/components/card.less
View file

@ -103,10 +103,10 @@
padding: var(--spacing-09);
a:not(.btn) {
color: var(--mint-green);
color: var(--green-30);
&:hover {
color: var(--mint-green);
color: var(--green-30);
}
}
}

2
services/web/frontend/stylesheets/components/navbar.less
View file

@ -678,7 +678,7 @@
}
> li.primary > a {
.btn-borderless(@white, @emerald-green, @emerald-green-dark);
.btn-borderless(@white, @emerald-green, @green-60);
}
> li.secondary > a {

2
services/web/frontend/stylesheets/variables/colors.less
View file

@ -94,12 +94,10 @@
// == Website Redesign ==
@emerald-green: #098842;
@emerald-green-dark: #087a3b;
@ceil: #9597c9;
@caramel: #f9d38f;
@dark-jungle-green: #0f271a;
@malachite: #13c965;
@mint-green: #80cb9c;
@sapphire-blue: #4354a3;
@sapphire-blue-dark: #3c4c93;
@vivid-tangerine: #f1a695;

2
services/web/frontend/stylesheets/variables/css-variables.less
View file

@ -82,8 +82,6 @@
// website-redesign
--emerald-green: @emerald-green;
--emerald-green-dark: @emerald-green-dark;
--mint-green: @mint-green;
--ceil: @ceil;
--caramel: @caramel;
--dark-jungle-green: @dark-jungle-green;