scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-19 03:52:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
scratch-www/src/_colors.scss

69 lines
2.4 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
tweaked banner css to bring it into line with design spec
2018-11-28 21:30:12 -05:00
$ui-orange-high-contrast: hsla(30, 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);
more subtle Next hover state
2019-09-04 12:06:59 -04:00
$ui-orange-90percent: hsla(38, 100, 55, .9);
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
[WIP] Draft 3.0 Launch banner Started transition to ‘featured’ banner that is somewhat reusable. However, middle and smallTop banners are still based on beta. They’re not used for 3.0 launch.
2018-12-12 11:35:41 -05:00
$ui-dark-orange: hsla(30, 100, 55, 1); // ##FF8C1A Variables Primary
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
add donate banner, make close button a mode of button component
2021-05-05 16:11:26 -04:00
$ui-aqua-dark: hsla(163, 85, 30, 1); // #0B8E69 Extension Aqua 3
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-purple: hsla(260, 100, 70, 1); // #9966FF Looks Primary
$ui-purple-dark: hsla(260, 60, 60, 1); // #774DCB Looks Secondary
add colors to use in join flow image loading background
2019-10-03 19:23:35 -04:00
$ui-magenta: hsla(300, 53%, 60%, 1); /* #CF63CF Sounds Primary */
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
correct comment to identify yellow as Events, not Control
2019-10-03 19:23:13 -04:00
$ui-yellow: hsla(45, 100, 50, 1); // #FFBF00 Events Primary
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-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);
New 3.0 Masthead * intro component was changed for new banner masthead layout * added new video component for embedding wistia (based on extension video, we should probably figure out consolidating the two) * new and updated strings in splash/l10n.json * updated splash presentation to move Intro above `inner` to allow it to be full width (like banners) * new assets
2018-12-20 07:32:03 -05:00
$box-shadow-light-gray: hsla(0, 0, 0, .15);
Quick update to Global Color SCSS
2015-09-29 11:27:16 -04:00
$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);
move privacy message to below inputs; format color
2019-09-15 17:05:47 -04:00
$type-gray-60percent: hsla(225, 15, 40, .6);
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);
add colors to use in join flow image loading background
2019-10-03 19:23:35 -04:00
$dd-medium-blue: hsla(195, 72.4, 42, .65);
Reference in a new issue Copy permalink