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

84 lines
3.1 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 .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05: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);
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
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-orange: hsla(38, 100%, 55%, 1); // #FFAB19 Control Primary
$ui-orange-high-contrast: hsla(30, 100%, 55%, 1); // #FFAB19 Control Primary
$ui-orange-10percent: hsla(35, 90%, 55%, .1);
$ui-orange-25percent: hsla(35, 90%, 55%, .25);
$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
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-dark-orange: hsla(30, 100%, 55%, 1); // ##FF8C1A Variables Primary
[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
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 */
feat: use purple accent color for accessibility
2023-05-08 12:48:22 -04:00
$ui-red-dark: hsla(20, 100%, 40%, 1); /* #CC4400 */
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-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 .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-light-gray: hsla(0, 0%, 98%, 1); //#FAFAFA
$ui-gray: hsla(0, 0%, 95%, 1); //#F2F2F2
$ui-dark-gray: hsla(0, 0%, 70%, 1); //#B3B3B3
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
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$background-color: hsla(0, 0%, 99%, 1); //#FDFDFD
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
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$motion-blue-3: hsla(215, 60%, 50%, 1);//#3373CC
a bunch of color and linting fixes
2021-10-19 18:58:14 -04:00
chore: [UEPR-48] added hex vslues for colours
2024-11-22 04:56:24 -05:00
$ui-light-blue: hsla(195, 63%, 86%, 1); //#C5E7f2
$ui-cyan-blue: hsla(194, 73%, 36%, 1); //#19809F
feat: [UEPR-48] redesign welcome section
2024-11-18 03:31:23 -05: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
/* 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 aqua to use hsla values Co-authored-by: cori hudson <cchudson98@gmail.com>
2023-02-13 20:26:13 -05:00
$ui-aqua: hsla(144, 45%, 36%, 1);
Updates aqua and gray colors
2022-12-16 14:26:15 -05:00
$ui-aqua-dark: darken($ui-aqua, 10%);
feat: [UEPR-121] add new banner with link to ideas project
2024-12-03 08:14:45 -05:00
$ui-purple-light: hsla(260, 100%, 88%, 1); // #DACEF3
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-purple: hsla(260, 100%, 70%, 1); // #9966FF Looks Primary
feat: use purple accent color for accessibility
2023-05-08 12:48:22 -04:00
$ui-purple-dark: hsla(260, 60%, 60%, 1); // #855CD6 Looks Secondary
$ui-purple-darker: hsla(260, 46%, 54%, 1);
$ui-purple-10percent: hsla(260, 60%, 60%, .1);
$ui-purple-25percent: hsla(260, 60%, 60%, .25);
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 */
feat: use purple accent color for accessibility
2023-05-08 12:48:22 -04:00
$ui-magenta-dark: hsla(300, 48%, 50%, 1); /* #BD42BD Sounds Tertiary */
feat: [UEPR-67] restyle community guidelines page
2024-10-28 08:42:18 -04:00
$ui-light-grayish-blue: hsla(215, 76%, 95%, 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
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-yellow: hsla(45, 100%, 50%, 1); // #FFBF00 Events Primary
$ui-coral: hsla(350, 100%, 70%, 1); // #FF6680 More Blocks Primary
$ui-coral-dark: hsla(350, 100%, 60%, 1); // #FF3355 More Blocks tertiary
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-white: hsla(0, 100%, 100%, 1); //#FFF
$ui-white-15percent: hsla(0, 100%, 100%, .15); //#FFF
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-light-primary: hsl(215, 100%, 95%);
$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
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$ui-border: hsla(0, 0%, 85%, 1); //#D9D9D9
chore: [UEPR-48] added hex vslues for colours
2024-11-22 04:56:24 -05:00
$ui-border-light-blue: hsla(215, 50%, 90%, 1); //#D9E3F2
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 */
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05: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 */
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$active-gray: hsla(0, 0%, 0%, .1);
$active-dark-gray: hsla(0, 0%, 0%, .2);
$box-shadow-gray: hsla(0, 0%, 0%, .25);
$box-shadow-light-gray: hsla(0, 0%, 0%, .15);
$overlay-gray: hsla(0, 0%, 0%, .75);
feat: [UEPR-90] Added new section to the ideas page
2024-11-01 07:10:04 -04:00
$gray-50: hsla(226, 15%, 97%, 1);
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 .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$header-gray: hsla(225, 15%, 40%, 1); //#575E75
$type-gray: hsla(225, 15%, 40%, 1); //#575E75
Update dark gray color to use hsla Co-authored-by: cori hudson <cchudson98@gmail.com>
2023-02-13 20:26:33 -05:00
$type-dark-gray: hsla(0, 0%, 23%, 1);
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$type-gray-75percent: hsla(225, 15%, 40%, .75);
$type-gray-60percent: hsla(225, 15%, 40%, .6);
$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
feat: use purple accent color for accessibility
2023-05-08 12:48:22 -04:00
$link-purple: $ui-purple-dark;
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 */
Update .scss files to fix deprecated syntax hsl and hsla now require a % for the saturation and lightness values division is now handled with the function math.div() rather than a slash This removes many deprecation warnings
2022-02-09 12:48:13 -05:00
$dd-darkblue: hsla(195, 72.4%, 17.1%, 1);
$dd-medium-blue: hsla(195, 72.4%, 42%, .65);
Reference in a new issue Copy permalink