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); color: var(--emerald-green);
&:hover { &:hover {
color: var(--emerald-green-dark); color: var(--green-60);
} }
text-decoration: underline; text-decoration: underline;
} }
@ -210,7 +210,7 @@
color: var(--emerald-green); color: var(--emerald-green);
&:hover { &:hover {
color: var(--emerald-green-dark); color: var(--green-60);
} }
text-decoration: underline; text-decoration: underline;

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

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

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

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

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

@ -103,10 +103,10 @@
padding: var(--spacing-09); padding: var(--spacing-09);
a:not(.btn) { a:not(.btn) {
color: var(--mint-green); color: var(--green-30);
&:hover { &: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 { > li.primary > a {
.btn-borderless(@white, @emerald-green, @emerald-green-dark); .btn-borderless(@white, @emerald-green, @green-60);
} }
> li.secondary > a { > li.secondary > a {

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

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

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

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