scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 08:31:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Merge pull request #7306 from bocoup/color-contrast-7182-v3

Browse source 
CE-297: Update aqua and gray colors
This commit is contained in:
cori hudson 2023-02-14 10:46:51 -05:00 committed by GitHub
commit 02fa1a8b07
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/_colors.scss
View file

@ -27,8 +27,8 @@ $motion-blue-3: hsla(215, 60%, 50%, 1);//#3373CC
/* UI Secondary Colors */
/* 3.0 colors */
/* Using www naming convention for now, should be consistent with gui */
$ui-aqua: hsla(163, 85%, 40%, 1); // #0FBD8C Extension Primary
$ui-aqua-dark: hsla(163, 85%, 30%, 1); // #0B8E69 Extension Aqua 3
$ui-aqua: hsla(144, 45%, 36%, 1);
$ui-aqua-dark: darken($ui-aqua, 10%);
$ui-purple: hsla(260, 100%, 70%, 1); // #9966FF Looks Primary
$ui-purple-dark: hsla(260, 60%, 60%, 1); // #774DCB Looks Secondary
$ui-magenta: hsla(300, 53%, 60%, 1); /* #CF63CF Sounds Primary */
@ -59,6 +59,7 @@ $transparent-light-blue: rgba(229, 240, 254, 0);
/* Typography Colors */
$header-gray: hsla(225, 15%, 40%, 1); //#575E75
$type-gray: hsla(225, 15%, 40%, 1); //#575E75
$type-dark-gray: hsla(0, 0%, 23%, 1);
$type-gray-75percent: hsla(225, 15%, 40%, .75);
$type-gray-60percent: hsla(225, 15%, 40%, .6);
$type-white: hsla(0, 100%, 100%, 1); //#FFF

6
src/views/explore/explore.scss
View file

@ -84,15 +84,14 @@ $base-bg: $ui-white;
justify-content: flex-start;
li {
border: 0;
border: 1px solid $type-dark-gray;
background-color: $active-gray;
color: $ui-white;
color: $header-gray;
&.active {
opacity: 1;
background-color: $ui-aqua;
color: $ui-white;
}
&:active {
@ -101,6 +100,7 @@ $base-bg: $ui-white;
&:hover {
background-color: $active-dark-gray;
color: $type-dark-gray;
}
}
}