scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-30 10:58:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
scratch-www/src/_colors.scss

60 lines
2 KiB
SCSS
Raw Normal View History

Add Global Colors and Updated SCSS / Linter Created a new global style sheet to manage colors and converted all the current SCSS to match the new color scheme.
2015-09-29 11:22:48 -04:00
/* UI Primary Colors */
Update colors to match 3.0 palette Updates maintain WWW color variable naming conventions, but replaces values with 3.0 colors. Colors have the commented HEX and GUI variable name. More work to do auditing but it’s a start.
2018-07-16 18:02:12 -04:00
$ui-blue: hsla(215, 100, 65, 1); // #4C97FF Motion Primary
$ui-blue-dark: hsla(215, 65, 55, 1); // #3373CC Motion Secondary
$ui-blue-10percent: hsla(215, 100, 65, .1);
$ui-blue-25percent: hsla(215, 100, 65, .25);
$ui-orange: hsla(38, 100, 55, 1); // #FFAB19 Control Primary
Remove Darken and Ligthen SCSS Updated all the places in the SCSS where we use Darken and Lighten properties. These properties have been problematic in the past and caused some state issues, e.g. New message(s) hightlight (which was fixed seperately from this issue)
2018-07-31 14:37:49 -04:00
$ui-orange-10percent: hsla(35, 90, 55, .1);
Update colors to match 3.0 palette Updates maintain WWW color variable naming conventions, but replaces values with 3.0 colors. Colors have the commented HEX and GUI variable name. More work to do auditing but it’s a start.
2018-07-16 18:02:12 -04:00
$ui-orange-25percent: hsla(35, 90, 55, .25);
Show details about why a project is not public Follow up the project info request with a request to the visibility endpoint to find out if the project is trashed or censored. The project just not being published is handled by the existing code. This PR generalizes the ShareBanner to a more generic "Banner" that is then filled with the relevant content.
2018-11-20 11:59:50 -05:00
$ui-red: hsla(20, 100%, 55%, 1); /* #FF661A */
$ui-red-25percent: hsla(20, 100%, 55%, .25);
don't show shared message forever
2018-11-23 01:17:46 -05:00
$ui-green-35percent: rgba(126, 225, 195, .35);
Show details about why a project is not public Follow up the project info request with a request to the visibility endpoint to find out if the project is trashed or censored. The project just not being published is handled by the existing code. This PR generalizes the ShareBanner to a more generic "Banner" that is then filled with the relevant content.
2018-11-20 11:59:50 -05:00
Update Jobs page - Add 'Web Designer' position - Adjusted typography to match new Type Standards - Add Hex Value to Colors for consistency
2016-06-21 15:00:51 -04:00
$ui-light-gray: hsla(0, 0, 98, 1); //#FAFAFA
Add Global Colors and Updated SCSS / Linter Created a new global style sheet to manage colors and converted all the current SCSS to match the new color scheme.
2015-09-29 11:22:48 -04:00
$ui-gray: hsla(0, 0, 95, 1); //#F2F2F2
$ui-dark-gray: hsla(0, 0, 70, 1); //#B3B3B3
$background-color: hsla(0, 0, 99, 1); //#FDFDFD
/* UI Secondary Colors */
Placeholders for everything ‘above the fold’
2018-03-08 15:57:19 -05:00
/* 3.0 colors */
/* Using www naming convention for now, should be consistent with gui */
Update colors to match 3.0 palette Updates maintain WWW color variable naming conventions, but replaces values with 3.0 colors. Colors have the commented HEX and GUI variable name. More work to do auditing but it’s a start.
2018-07-16 18:02:12 -04:00
$ui-aqua: hsla(163, 85, 40, 1); // #0FBD8C Extension Primary
$ui-purple: hsla(260, 100, 70, 1); // #9966FF Looks Primary
$ui-purple-dark: hsla(260, 60, 60, 1); // #774DCB Looks Secondary
$ui-yellow: hsla(45, 100, 50, 1); // #FFBF00 Control Primary
$ui-coral: hsla(350, 100, 70, 1); // #FF6680 More Blocks Primary
$ui-coral-dark: hsla(350, 100, 60, 1); // #FF3355 More Blocks tertiary
$ui-white: hsla(0, 100%, 100%, 1); //#FFF
$ui-white-15percent: hsla(0, 100%, 100%, .15); //#FFF
consolidated colors per consult with Carl
2018-08-01 14:42:15 -04:00
$ui-light-primary: hsl(215, 100, 95);
added transparent for ui primary for cross browser support to colors css
2018-09-21 13:26:49 -04:00
$ui-light-primary-transparent: hsla(215, 100, 95, 0);
Update colors to match 3.0 palette Updates maintain WWW color variable naming conventions, but replaces values with 3.0 colors. Colors have the commented HEX and GUI variable name. More work to do auditing but it’s a start.
2018-07-16 18:02:12 -04:00
$ui-border: hsla(0, 0, 85, 1); //#D9D9D9
Add Global Colors and Updated SCSS / Linter Created a new global style sheet to manage colors and converted all the current SCSS to match the new color scheme.
2015-09-29 11:22:48 -04:00
rearranged colors; longer studio button names
2018-08-01 11:01:37 -04:00
/* modals */
consolidated colors per consult with Carl
2018-08-01 14:42:15 -04:00
$ui-mint-green: hsl(163, 69, 44);
$ui-light-mint: hsl(163, 53, 67);
rearranged colors; longer studio button names
2018-08-01 11:01:37 -04:00
Add Global Colors and Updated SCSS / Linter Created a new global style sheet to manage colors and converted all the current SCSS to match the new color scheme.
2015-09-29 11:22:48 -04:00
/* Overlay UI Gray Colors */
$active-gray: hsla(0, 0, 0, .1);
$active-dark-gray: hsla(0, 0, 0, .2);
Quick update to Global Color SCSS
2015-09-29 11:27:16 -04:00
$box-shadow-gray: hsla(0, 0, 0, .25);
$overlay-gray: hsla(0, 0, 0, .75);
currentStudioIds now an array; reverted a few changes
2018-07-31 15:00:56 -04:00
$transparent-light-blue: rgba(229, 240, 254, 0);
Add Global Colors and Updated SCSS / Linter Created a new global style sheet to manage colors and converted all the current SCSS to match the new color scheme.
2015-09-29 11:22:48 -04:00
/* Typography Colors */
Update colors to match 3.0 palette Updates maintain WWW color variable naming conventions, but replaces values with 3.0 colors. Colors have the commented HEX and GUI variable name. More work to do auditing but it’s a start.
2018-07-16 18:02:12 -04:00
$header-gray: hsla(225, 15, 40, 1); //#575E75
$type-gray: hsla(225, 15, 40, 1); //#575E75
Remove Darken and Ligthen SCSS Updated all the places in the SCSS where we use Darken and Lighten properties. These properties have been problematic in the past and caused some state issues, e.g. New message(s) hightlight (which was fixed seperately from this issue)
2018-07-31 14:37:49 -04:00
$type-gray-75percent: hsla(225, 15, 40, .75);
Update colors to match 3.0 palette Updates maintain WWW color variable naming conventions, but replaces values with 3.0 colors. Colors have the commented HEX and GUI variable name. More work to do auditing but it’s a start.
2018-07-16 18:02:12 -04:00
$type-white: hsla(0, 100, 100, 1); //#FFF
Add Global Colors and Updated SCSS / Linter Created a new global style sheet to manage colors and converted all the current SCSS to match the new color scheme.
2015-09-29 11:22:48 -04:00
$link-blue: $ui-blue;
Add welcome component and show it conditionally Move some of the colors used on the splash page into _colors.scss so they can be reused.
2015-10-22 12:21:47 -04:00
Down Deep - Scratch Camp 2017 Page (#1409) * Add files via upload * Create downdeep.jsx * Delete downdeep.jsx * Delete downdeep.scss * Delete l10n.json * Delete downdeep.jsx * Create dd.jsx * Rename dd.jsx to filler.jsx * Add files via upload * Delete dd.jsx * Delete filler.jsx * Create filler.jsx * Add files via upload * Delete filler.jsx * Update routes.json * whoops * travis * Update downdeep.jsx * Update downdeep.scss * Update downdeep.scss * Update _colors.scss * what i get for rushing * Update downdeep.jsx * Update l10n.json * thisandagain's changes * Carl's Changes * carl's changes * carl's changes * Update downdeep.jsx * Rename downdeep.jsx to camp.jsx * Rename downdeep.scss to camp.scss * Rename src/views/downdeep/camp.jsx to src/views/camp/camp.jsx * Rename src/views/downdeep/camp.scss to src/views/camp/camp.scss * Rename src/views/downdeep/l10n.json to src/views/camp/l10n.json * Update camp.jsx * Add files via upload * Update camp.jsx * Update camp.scss * Update l10n.json * Create filler * Add files via upload * Delete bubbles.svg * Delete dolphin.svg * Delete fish-divider.svg * Delete fish-divider2.svg * Delete map.svg * Delete ocean-bottom.svg * Delete ocean-top.svg * Delete treasure.svg * Update camp.scss * Update camp.scss * Update camp.scss * Update camp.jsx * whoops * Update camp.scss * Update l10n.json * Update camp.scss * Update camp.jsx * Update _colors.scss * Update camp.scss * Update camp.scss * Update camp.scss * Update camp.scss * Update _colors.scss * Update camp.scss * Update camp.scss
2017-07-19 11:48:29 -04:00
/* Down Deep */
$dd-darkblue: hsla(195, 72.4, 17.1, 1);
Reference in a new issue Copy permalink