profile
viewpoint
Dominik Porada porada Poland https://porada.co Designer at @Automattic

middleman/middleman-autoprefixer 116

Autoprefixer integration with Middleman

porada/resizeend 61

Debounced JavaScript resize events

porada/pure 0

Pretty, minimal and fast ZSH prompt

porada/RenameIt 0

Sketch plugin to rename layers like a boss

startedk-vyn/coloralgorithm

started time in a month

pull request commentAutomattic/color-studio

Bump websocket-extensions from 0.1.3 to 0.1.4

Doesn’t affect the production build.

dependabot[bot]

comment created time in a month

PR closed Automattic/color-studio

Bump websocket-extensions from 0.1.3 to 0.1.4 Dependencies

Bumps websocket-extensions from 0.1.3 to 0.1.4. <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/faye/websocket-extensions-node/blob/master/CHANGELOG.md">websocket-extensions's changelog</a>.</em></p> <blockquote> <h3>0.1.4 / 2020-06-02</h3> <ul> <li>Remove a ReDoS vulnerability in the header parser (CVE-2020-7662, reported by Robert McLaughlin)</li> <li>Change license from MIT to Apache 2.0</li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/faye/websocket-extensions-node/commit/8efd0cd6e35faf9bb9cb08759be1e27082177d43"><code>8efd0cd</code></a> Bump version to 0.1.4</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/3dad4ad44a8c5f74d4f8f4efd3f9d6e0b5df3051"><code>3dad4ad</code></a> Remove ReDoS vulnerability in the Sec-WebSocket-Extensions header parser</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/4a76c75efb1c5d6a2f60550e9501757458d19533"><code>4a76c75</code></a> Add Node versions 13 and 14 on Travis</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/44a677a9c0631daed0b0f4a4b68c095b624183b8"><code>44a677a</code></a> Formatting change: {...} should have spaces inside the braces</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/f6c50aba0c20ff45b0f87cea33babec1217ec3f5"><code>f6c50ab</code></a> Let npm reformat package.json</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/2d211f3705d52d9efb4f01daf5a253adf828592e"><code>2d211f3</code></a> Change markdown formatting of docs.</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/0b620834cc1e1f2eace1d55ab17f71d90d88271d"><code>0b62083</code></a> Update Travis target versions.</li> <li><a href="https://github.com/faye/websocket-extensions-node/commit/729a4653073fa8dd020561113513bfa2e2119415"><code>729a465</code></a> Switch license to Apache 2.0.</li> <li>See full diff in <a href="https://github.com/faye/websocket-extensions-node/compare/0.1.3...0.1.4">compare view</a></li> </ul> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+3 -3

1 comment

1 changed file

dependabot[bot]

pr closed time in a month

pull request commentAutomattic/wp-calypso

Export CSS props as JS from calypso-color-schemes to cut production build time by half

I don’t know if this helps, but if we’re looking specifically to use the Color Studio colors within JS, it’s already possible:

const PALETTE = require('@automattic/color-studio')

console.log(PALETTE.colors['Pink 50'])
alshakero

comment created time in a month

issue commentlyft/coloralgorithm

Lock Color

Since this repository is open source, I don’t think you need explicit permission to publish a fork.

lucaorio

comment created time in 2 months

push eventporada/dotfiles

Dominik Porada

commit sha 9763a2f0980b62aa2848ebc9b92dc6feb714bed5

Create extra.fish on init

view details

push time in 2 months

push eventporada/dotfiles

Dominik Porada

commit sha 8da8d4be487c60e8e83f4542add58212559ccaeb

Detect Homebrew lock file

view details

Dominik Porada

commit sha c765d2727b13a1b5b36dfa83cd4d87c742089180

Handle remote paths

view details

Dominik Porada

commit sha 327f992c3bf85e1f227d3404fea644cdf936d752

Add quick links

view details

Dominik Porada

commit sha 4821c1064c0f4c5e060ff60ee6b0bafab9832a30

Update `z`

view details

Dominik Porada

commit sha df74297616fc33f6eec40ae5587435ddb93dce4f

Disable window animations This reverts commit 235b1dbe5a9784351052680f51a156368aca8c89.

view details

Dominik Porada

commit sha 08b04a3dad1ff96c0f6d423be71e1362f8d6524a

Disable screenshot thumbnails

view details

push time in 2 months

startedhoeflerco/proofs

started time in 2 months

push eventporada/dotfiles

Dominik Porada

commit sha a516330bfb78c8709364fd2ee4b36310eaa93b8c

Update Node version

view details

push time in 2 months

push eventporada/dotfiles

Dominik Porada

commit sha 22ca6cdf1bc9e33fb1f9dfed4650ee86e9ad93bd

Add `git cp`

view details

Dominik Porada

commit sha 70ff34e7993ceac381faf0920ead2f28f64a62cd

Simplify `nx`

view details

Dominik Porada

commit sha 7fe4fc496cd6df152cbfcccfbb2fbc43cb0b758a

:nail_care:

view details

Dominik Porada

commit sha 20fc85d3a3534c68688dcb2ec1de44dbf4ba1914

:nail_care:

view details

Dominik Porada

commit sha 235b1dbe5a9784351052680f51a156368aca8c89

Don’t disable window animations

view details

push time in 2 months

push eventAutomattic/wp-calypso

Dominik Porada

commit sha 7504547a0c52d3bbe23eeb91e4cd1037e7e6ca36

Phase Out WordPress Blue From the UI (#41439) * Update top bar color * Update SVG audit script * Update color scheme thumbnails

view details

push time in 2 months

delete branch Automattic/wp-calypso

delete branch : update/blue

delete time in 2 months

PR merged Automattic/wp-calypso

Reviewers
Phase Out WordPress Blue From the UI Color Schemes Design [Status] Needs Review

This is a graceful step towards the bigger set of color changes coming to Calypso in order to bridge the visual gap between marketing pages and our product. The idea is to possibly minimize the color jumps.

Before and After

Screen Shot

Screen Shot

Testing Instructions

  • Pull the changes:
    • git checkout update/blue
    • yarn
  • Run the SVG color audit script and make sure it doesn’t report any specific paths.
    • node bin/audit-svg-colors.js
  • Preview the images listed by the command below (previewing locally should be enough) and make sure none of them throws any errors that would prevent them from displaying.
    • git show HEAD~1 --name-only | grep 'svg$'
  • yarn start
  • Open Calypso and make sure the master bar has a new color.
  • Make sure the color scheme picker is using the updated thumbnails for Classic Blue and Classic Bright.

Notes

  • The illustrations will have to be handled in a separate PR.
+13 -11

11 comments

6 changed files

porada

pr closed time in 2 months

pull request commentAutomattic/wp-calypso

Phase Out WordPress Blue From the UI

@lcollette, thanks for the review!


Just to clarify:

Updated the SVG audit script to rule out WordPress Blue from the UI images

These don’t include our illustrations. They’ll have to be handled separately (and probably when we have a more strategic plan on our colors).

porada

comment created time in 2 months

pull request commentAutomattic/wp-calypso

Update Our Color Palette to the Most Recent Version

Published @automattic/calypso-color-schemes#2.1.1 to npm.

porada

comment created time in 2 months

pull request commentAutomattic/wp-calypso

Phase Out WordPress Blue From the UI

This visual change seems to have received internal design approval, so let’s move onto the proper code review.

  • Rebased to a version of the master that uses the most recent version of Color Studio.
  • Updated the SVG audit script to rule out WordPress Blue from the UI images and performed the changes (including the updates to the color scheme thumbnails).
  • Updated the testing instructions.
porada

comment created time in 2 months

push eventAutomattic/wp-calypso

Dominik Porada

commit sha c1a9abb9c5d339196aeb30619a00258fa2453bce

Update SVG audit script

view details

Dominik Porada

commit sha 148f72797217893d5486eb08b7ee865b2c80ff16

Update color scheme thumbnails

view details

push time in 2 months

push eventAutomattic/wp-calypso

Clemen

commit sha a1769d557fea560f1f159177a1ac051a55e5ede9

Fix the DatePicker styles to match the design (#41409) * Improve the DatePicker design, doesn't match with specification * Revert the changes in onDateChange and getSelectedDate

view details

Sergio Cinos

commit sha 034c825f41249cde4a053dae96831ee4819ea318

Adds react and react-dom dependency to package root. (#41274)

view details

Renzo Canepa

commit sha 5b3a7e286b8e9b68fc1f899a2fca0aaff0a498bb

Jetpack Cloud: Update Scan UI to match the API states (#41344) * Create Scan type * Use TS for Scan main.jsx -> main.tsx * CamelCase ScanState object keys * Format threats inside the ScanState object * Format threats inside the ScanHistory response object * Update Threat type to reflect the latest changes * Add awful Card component when there is an error and there are threats * Make the selector use mostRecent instead of most_recent * Display the error section only when error is true * Add missing props to the interface and update comments

view details

Renzo Canepa

commit sha 9c14df18e382ea79fc9ab926be3c3a6a21fd2715

Jetpack Cloud: add events that trigger a request for the Scan state (#41415) * Rename action creator from requestJetpackScanStatus to requestScanStatus * Request the Scan state after ignoring/fixing a threat * Implement a naive pooling mechanism at the middleware level

view details

Caroline Moore

commit sha f65f27bfa95c517795fee65077ce10df514a1954

DevDocs: Add more comprehensive UpsellNudge examples (#41443)

view details

Echo

commit sha b118d12592bdedf123534bd30a6b69a8895fb4a7

Refactors upsell to use state machine API (#41385) * Change capabilities API to return null when incomplete. * Adds component to show upsell if capability doesn't exist. * Adds component readme. * Displays the Jetpack logo during API call. * Removes extra controller in favor of using two routes. * Revert "Removes extra controller in favor of using two routes." This reverts commit a21e636f1803b6fecd961b87ea5e8966279e6f7d. * Refactors system to use state instead of capabilities.

view details

Dan Hauk

commit sha 7092baa1a235e2246213c99158b11fb520991d48

My Home: Update illustration for connect accounts task (#41445)

view details

Hew

commit sha 59ef4ddf9fb1a11ecd675d3f36b66778213bcad8

Lasagna: sync channel joins to new backend topics (#41238) * Adjust user and public post channels * Going for it * Buzzsaw * Imports * Temp * Partial * Remove direct phoenix dependency * Bump client * Relive user channel * A working socket manager... should move more to the Lasagna client probably * Pivot toward #40720 Props Andrei. * Smaller * Bump lasagna.js version * Enliven the private content JWTs * Param rename * Add user channel content type param * Bump lasagna.js version again * Transpile See Team Calypso in Slack at this time. * Do it right though

view details

Clemen

commit sha dfd6729af3ee22edb3450c5418de17d6291054e0

Fix BackupStatus show the correct backup + improve activity card with streams (#41448) * Fix the issue with Backup Status and and the selected date * Fix minor fix for real time sites * Improve Activity Card including media streams inside of the card

view details

Kamen Stanev

commit sha b25ff2dae66aef3e6dd47b280e54cc6baa433800

Update destination text for when domain is not pointing to WordPress.com site (#41452) I updated a string in the domain navigation item so it's not confusing

view details

Andrew Serong

commit sha 557009188c1b69ecc65d8e3d7e56b7f166241d87

Remove margin-left override on block-editor-inserter__toggle in wpcom-block-editor (#41392)

view details

renovate[bot]

commit sha 4be3b0b80e10f7708792503ebb67dc2e39c0252a

fix(deps): update dependency webpack-cli to v3.3.11 (#40031) Co-authored-by: Renovate Bot <bot@renovateapp.com>

view details

renovate[bot]

commit sha b802f05db6487fd5ab94562dedd8d578f6e8f2f9

fix(deps): update storybook monorepo to v5.3.18 (#40235) Co-authored-by: Renovate Bot <bot@renovateapp.com>

view details

renovate[bot]

commit sha 998e1bf011260147cdd578b04d9894840e6fd4f6

fix(deps): update type definitions (#40337) Co-authored-by: Renovate Bot <bot@renovateapp.com>

view details

renovate[bot]

commit sha cbd2ebf6d5fdf030dbb54c4d67f7b5d8b5c1da1d

fix(deps): update dependency npm-package-json-lint to v5 (#41208) Co-authored-by: Renovate Bot <bot@renovateapp.com>

view details

Kirk Wight

commit sha 5a704a23f746595eb7d6fc2b82120d2d323d4a44

My Home: Add missing keys to educational content links. (#41455)

view details

Yuliyan Slavchev

commit sha 436a04b9fecabe1d5a5b8a428039b628ac2b6965

i18n: Handle switch locale in runtime with translation chunks (#41327) * Fix switch locale in runtime with translation chunks * Fix inlined lang manifest locale slug path check

view details

Răzvan Papadopol

commit sha 521c8f4dcc59d54317ce1b954f22abff4526e1b8

Keep user entered information when pressing 'Go back' button. (#41440)

view details

Sérgio Gomes

commit sha dda97fa081c4aeaaf55df0f5890473c64cfaa487

Split out `initialize` and `identifyUser` from `lib/analytics` (#41360) * Split out initializeAnalytics from lib/analytics * Split out identifyUser from lib/analytics * Remove two functions not in use.

view details

Răzvan Papadopol

commit sha f5e1dd6f57aafe64c113461757a8b138876dde64

Gutenboarding: add plans component to header (#41471) * Add PlansButton component and use it in header. * Cleanup type and eslint comments.

view details

push time in 2 months

delete branch Automattic/wp-calypso

delete branch : update/palette

delete time in 2 months

push eventAutomattic/wp-calypso

Dominik Porada

commit sha f45dae07078c2f8734781dcef0ac304424854b73

Update Our Color Palette to the Most Recent Version (#41549) * Update Color Studio * Update SVG audit script * Update SVG images * Bump color schemes’ version number

view details

push time in 2 months

PR merged Automattic/wp-calypso

Update Our Color Palette to the Most Recent Version Color Schemes [Status] Ready to Merge

Comparison

Changes proposed in this Pull Request

  • Upgrade @automattic/color-studio to the most recent version and update the default color scheme.
  • Update the SVG audit script and all affected images with the new color values.

Testing instructions

  • Pull the changes:
    • git checkout update/palette
    • yarn
  • Run the SVG color audit script and make sure it doesn’t report any specific paths.
    • node bin/audit-svg-colors.js
  • Preview the images listed by the command below (previewing locally should be enough) and make sure none of them throws any errors that would prevent them from displaying.
    • git show HEAD~1 --name-only | grep 'svg$'
  • yarn start
  • Ensure the new colors have been picked by Calypso:
    • Open the documentation page for the Badge component.
    • Compare the local version with the production.
    • There should be a subtle difference between the yellow bits (the warning badge and the color scheme thumbnails).
+124 -178

3 comments

98 changed files

porada

pr closed time in 2 months

pull request commentAutomattic/wp-calypso

Update Our Color Palette to the Most Recent Version

@danielwrobert, thanks for the review!

Rebased.

porada

comment created time in 2 months

push eventAutomattic/wp-calypso

Enej Bajgoric

commit sha a3116ba9c4896a976a4e7f9082e259a1c37d3c98

Activity Log: Add more specificity to the close borderless button (#41531)

view details

Răzvan Papadopol

commit sha 930c73da01f7ff162018e56022cc0603c1854fec

Gutenboarding: update launch flow (#41437) * Update frankenflow to include source as dependency. Add domain step to frankenflow. * Use frankenflow when launching from customer home a site created with Gutenboarding.

view details

Mikael Korpela

commit sha 35c5fb9462e5cb39bd78b3fd83ed1159ff89321f

Gutenboarding: add back preview button (#41470)

view details

Mikael Korpela

commit sha cb93d572bd1674b8b2211d038911834f8e1b586f

Revert "Gutenboarding pre-launch: Update CTA button label in the editor (#41211)" (#41509) This reverts commit a299477f0ce5c15e6595bdaab5dbd4f187dfb927.

view details

Yan Sern

commit sha 5efe03d030816bb006e8a904d4a97cf83e9acee9

Gutenboarding: Add domain categories. (#41358) * Added domain categories + styling update to match figma. * Use readonly types * Prevent domain button unmount Use stateful shownDomain Ensure button (and modals) are persisted across search * Clean up picker * Import react namespace * Types ✨ * Add view all and allow undefined category * Simplify category buttons * Simplify domain nonsense * Fix typo in translator comment Co-authored-by: Jon Surrell <jon.surrell@automattic.com>

view details

Enej Bajgoric

commit sha fb9a7bce3f458d1edfecd20d3700ac2f657ae67e

Jetpack Cloud: Add placeholder for Main Scanner (#41369) * Jetpack Cloud: Add placeholder for Main Scanner * Add new Scan Placeholder Components * use history class to match the styles better.

view details

Enej Bajgoric

commit sha 55671b28b62d8ac4b8d4eb7204aba753de7fafd4

Jetpack Cloud: fix activity log selecteion on hover (#41535) * Jetpack Cloud: fix activity log selecteion on hover * Also take care of the focus state.

view details

Enej Bajgoric

commit sha a2fec6d2ebbe27c869b010492fc9aa332e59a866

Jetpack Cloud: Scan, fix response when jetpack scan api doesn't return most_recent (#41536) * Jetpack Cloud: Scan, fix response when jetpack scan api doesn't return most_recent * nicer js

view details

Miguel Torres

commit sha 0eea3af16200c31d13e928d0e54d57e86573dc5e

My Home: Add new stats card for experimental layout (#41441) * My Home: Add new stats card for experimental layout * Display top post, top page, total views and total visitors * Display placeholder when there is no traffic this week * Add comment explaining workaround * Remove nbsp * Move connect logic to helper function * Create new global selectors * Improve performance (and make sure to display a loading spinner while data is being fetched/processed) * Avoid to temporary display previous chart data when navigating from/to My Home to/from Stats

view details

Renzo Canepa

commit sha e8cc5968b45742f8641f76421fab9cc3dc6206d2

Jetpack Cloud: track page views in Jetpack Cloud (#41454) * Track page views in every section/page * Add missing properties to every PageViewTracker instance * Fix this.props error in the upsell component. * Remove the :site property because it gets passed automatically Co-authored-by: Enej Bajgoric <enej.bajgoric@automattic.com>

view details

Payton Swick

commit sha 43d3c70b1a889d85f5816ac935c84bc3b198842c

composite-checkout: Allow adding temporary products to the cart (#41498) * Change addItem to accept a RequestCartProduct * Change productsToAdd to RequestCartProducts in useShoppingCart * Rename cart conversion functions to be more accurate Renames: - prepareRequestCart to convertResponseCartToRequestCart - processRawResponse to convertRawResponseCartToResponseCart - translateWpcomCartToCheckoutCart to translateResponseCartToWPCOMCart * Add tests for all cart change functions * Refactor addItemToResponseCart to create a TempResponseCartProduct * Make sure replaceItemInResponseCart does not mutate cart * Make product_cost_integer/display optional on WPCOMCartItem * Add item_original_cost to convertRequestCartProductToResponseCartProduct * Hard-code ResponseCart return types in conversion functions * Fix a bunch of types in calypso's composite-checkout * Fix test for addItemToResponseCart It was missing the new null params.

view details

Payton Swick

commit sha 2f817ac61cf86bfc55d309c530ed9e22c136846a

composite-checkout: Add personal plan upsell (#41456) * Wait for products to load before loading cart * Add isPendingUpdate to ShoppingCartManager * Use isCartPendingUpdate to set isValidating on CheckoutProvider * Add addItemToCart prop to CartFreeUserPlanUpsell * Pass addItem from cart manager to WPCheckout * Add CartFreeUserPlanUpsell to WPCheckout * Update upsell margin to 24px

view details

Miguel Torres

commit sha 6abef5cc6ce4f6dd01037ae43e34bde538966509

My Home: Use unique keys in educational links (#41533)

view details

Caleb Bauermeister

commit sha c0a21e929c970ca8d9d585047456f183cdbe54a2

Jetpack Cloud: Fix Activity Log Header Styling (#41503)

view details

Aurorum

commit sha 89c20ef605522cbc232febaddca0b9d2532131e8

Plans: Stop promoting enhanced search for Jetpack Professional (#41434)

view details

Jason Moon

commit sha 231aa3d3a999bc9c977cb8a816ea2442e2c65311

Settings: Add Jetpack Instant Search toggle (#41315)

view details

Caleb Bauermeister

commit sha 62c16782973412372fa2144d439806361ab90c20

Jetpack Cloud: Redesign Masterbar (#41560)

view details

Payton Swick

commit sha 5f0f20553a8eaaa322eacaaaf3f91dc5ef1463f2

composite-checkout: Improve UI when updating cart (#41562) * Set validating button text to "Updating cart" when updating cart * Hide items without a label from order review * Make TempResponseCartProduct items have an empty string label * Change payment method buttons to display "Please wait" for validating

view details

Ramon

commit sha faf68881d8ab144af1fd9d66fea41186a153589f

WPCOM Block Editor: hide Gutenberg preview button (#41528) * We hide the Gutenberg preview dropdown list because the style overrides don't work on WordPress.com. In v8.0 the class for these element has changed. Let's update the class and keep hiding it! * Retain the old class for compatibility Keep the existing class for compatibility with older Gutenberg versions * Added explanatory note for class names

view details

Andrew Serong

commit sha 8092b0bb57aded16ec47654824df86bbb66ab88d

Update e2e tests for Gutenberg 8.0.0 (#41505) * Update inserterToggleSelector and close selector in e2e tests to match GB 8.0.0 class names * Update inserterSearchInputSelector in e2e tests to match GB 8.0.0 class names * Update categorySelector in e2e tests to match GB 8.0.0 class names * Make isBlockCategoryPresent case insensitive due to v8.0.0 making block categories uppercase * Update closeBlockInserter selector on mobile in e2e tests to match class names used in GB v8.0.0

view details

push time in 2 months

PR opened Automattic/wp-calypso

Update Our Color Palette to the Most Recent Version Color Schemes [Status] Needs Review

Comparison

Changes proposed in this Pull Request

  • Upgrade @automattic/color-studio to the most recent version and update the default color scheme.
  • Update the SVG audit script and all affected images with the new color values.

Testing instructions

  • Pull the changes:
    • git checkout update/palette
    • yarn
  • Run the SVG color audit script and make sure it doesn’t report any specific paths.
    • node bin/audit-svg-colors.js
  • Preview the images listed by the command below (previewing locally should be enough) and make sure none of them throws any errors that would prevent them from displaying.
    • git show HEAD~1 --name-only | grep 'svg$'
  • yarn start
  • Ensure the new colors have been picked by Calypso:
    • Open the documentation page for the Badge component.
    • Compare the local version with the production.
    • There should be a subtle difference between the yellow bits (the warning badge and the color scheme thumbnails).
+118 -181

0 comment

98 changed files

pr created time in 3 months

push eventAutomattic/wp-calypso

Dominik Porada

commit sha fc03a5023524b657f14a8cf5fc53979d0f551904

Update SVG images

view details

Dominik Porada

commit sha f21b39bc4d3376e4f41bbc5cc3605b33f61b259c

Bump color schemes’ version number

view details

push time in 3 months

create barnchAutomattic/wp-calypso

branch : update/palette

created branch time in 3 months

pull request commentAutomattic/wp-calypso

Phase Out WordPress Blue From the UI

@rickybanister @ballio2000, I don’t think we need to phase our WordPress Blue from our landing pages right away. We should aim for a clear guideline instead (like avoid using WordPress Blue for XYZ).

If a landing page is important enough, it will get updated soon anyway. Some of our marketing sites are still based on the pre-Recoleta visual identity, but that’s fine because they don’t get viewed too often.

porada

comment created time in 3 months

pull request commentAutomattic/wp-calypso

Phase Out WordPress Blue From the UI

Speaking of Calypso, Crowdsignal seems to be also using very dark WordPress Blue for the master bar. It’s hardly distinguishable from Blue 90 and Blue 100, but I didn’t wanted to touch it yet.

https://github.com/Automattic/wp-calypso/blob/d9576cacb77e7d1040fc9cbfe7dda1ee199de843/client/layout/masterbar/crowdsignal.scss#L4-L7

Apart from the above and the SVG illustrations I mentioned earlier, Calypso doesn’t have any other WordPress Blue references (other than for the WordPress.com brand color).

porada

comment created time in 3 months

created tagAutomattic/color-studio

tag2.3.0

The color palette for Automattic products

created time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 058b4d3e4f96e69bc8f4bedf2136e129796e7d34

Update dependencies

view details

Dominik Porada

commit sha c7cc6421194a3b309b48843685e7bd5392304f08

2.3.0

view details

push time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 382e315997d421281b34aa74adcc045c47f53df9

Tweak Gray 30 Closes #20.

view details

push time in 3 months

issue closedAutomattic/color-studio

Turn down luminance on on Blue 30 and Gray 30

As described in this post, if we turn down the lum value a step or two, we can achieve a 3:1 contrast ratio against both white and Gray 0. It's very subtle, so it shouldn't affect things visually.

New Blue 30 lum value: 83 New Gray 30 lum value: 58

closed time in 3 months

davewhitley

issue commentAutomattic/color-studio

Turn down luminance on on Blue 30 and Gray 30

$ jest --all
 FAIL  test/palette.test.js
  ● dark mode accessibility › special cases

    expected contrast ratio between #e9eff5 and #4f94d4 (2.78) to be ≥ 3

      113 |   test('special cases', () => {
      114 |     expect(3.0).toBeContrastRatioBetween(PALETTE['Gray 0'], PALETTE['Gray 30'])
    > 115 |     expect(3.0).toBeContrastRatioBetween(PALETTE['Blue 0'], PALETTE['Blue 30'])
          |                 ^
      116 |   })
      117 | })
      118 |

Looks like the updated blue doesn’t pass against Blue 0. Grays works fine.

To be honest, I don’t see much value in keeping Blue 30 compliant against lighter Gray 0. And given the fact we might be changing adjust blues again soon, I’m only going to update Gray 30.

davewhitley

comment created time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 1bd088caa025a08508f1472e074bedc9f3510af1

Remove docs assets from repository

view details

push time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 62806799674a77d1a3a8473ade12ccee2ab2c7d1

Adjust Yellow

view details

Dominik Porada

commit sha 5290e491c93e6ed1b5f858b4712f97739040c566

Adjust Yellow, again

view details

Dominik Porada

commit sha eafde28972741882a2d0cd5c148764fde5fc066d

Merge pull request #24 from Automattic/update/yellow Adjust Yellow

view details

push time in 3 months

PR merged Automattic/color-studio

Reviewers
Adjust Yellow Ready to Merge

Inspired by #19, this PR attempts to make the most our of Yellow by making the brighter end a little more saturated and turning some of the brown-ness of the darker end into orange.

Before

Screenshot

After

Screenshot

The examples can be currently previewed using Now (see below).

Fixes #19.

+214 -214

6 comments

38 changed files

porada

pr closed time in 3 months

issue closedAutomattic/color-studio

Make yellow more orange

By switching the hue start and end values, we can make Yellow a bit less brown.

hue_start: 50,
hue_end: 40,

Before

Screen Shot 2019-11-27 at 10 48 43 AM

After

Screen Shot 2019-11-27 at 10 48 18 AM

closed time in 3 months

davewhitley

push eventAutomattic/color-studio

dependabot[bot]

commit sha 4c4b22671616eb712e6349ab10d58319c6e2bc9a

Bump acorn from 6.4.0 to 6.4.1 Bumps [acorn](https://github.com/acornjs/acorn) from 6.4.0 to 6.4.1. - [Release notes](https://github.com/acornjs/acorn/releases) - [Commits](https://github.com/acornjs/acorn/compare/6.4.0...6.4.1) Signed-off-by: dependabot[bot] <support@github.com>

view details

Dominik Porada

commit sha 0a84e65886be0cc2e443a49eea64c5015810c7e6

Merge pull request #25 from Automattic/dependabot/npm_and_yarn/acorn-6.4.1 Bump acorn from 6.4.0 to 6.4.1

view details

Dominik Porada

commit sha 10c349dae157ea75ab501dcf5a328a30448f0e17

Generate higher-specificity class name stylesheet Closes #26.

view details

Dominik Porada

commit sha 76758d5e1c21b683294a4baaa35972dac6ebf883

Update dependencies

view details

Dominik Porada

commit sha 76360b6dd62a21a6bf63fc518fc8568ae0c7fb55

Move Sketch exports

view details

Dominik Porada

commit sha c95029c29c96d156edc63d0af385a3307bb6bae3

Mark default colors other than 50

view details

Dominik Porada

commit sha dab47c8cf2c121ea4974cf181e5f7f8c496aee60

Add Simplenote examples

view details

Dominik Porada

commit sha 8c32a1e9f47327669ac26cec7a55ad6544e791ca

Introduce Simplenote Blue

view details

Dominik Porada

commit sha 8a041bb61e29a3c3c3ac79588a49f94b4098cbeb

Add more Simplenote examples

view details

Dominik Porada

commit sha 20e626e01e2eeddac0f56b90f1b4a5e9b23a34cf

:nail_care:

view details

Dominik Porada

commit sha 93e90dea8ecf58330d6a47ac72c5545771e788cc

Tweak Simplenote Blue

view details

Dominik Porada

commit sha 712de196145808efef8e72b8ab99af2ce3accead

Merge pull request #27 from Automattic/feature/simplenote-blue Introduce Simplenote Blue

view details

Dominik Porada

commit sha 62806799674a77d1a3a8473ade12ccee2ab2c7d1

Adjust Yellow

view details

Dominik Porada

commit sha 5290e491c93e6ed1b5f858b4712f97739040c566

Adjust Yellow, again

view details

push time in 3 months

PR merged Automattic/color-studio

Introduce Simplenote Blue

By request, this PR introduces a new palette color, Simplenote Blue.

Preview

You can get the feel of it in these examples as well as how it works together with the rest of our palette colors:

  • Our logo family (Simplenote Blue 50 is assumed to be the brand color)
  • Calypso dashboard colorized with Simplenote Blue (the top bar is also using shade 50)
  • The same for the WordPress.com mobile app:
  • If you scroll down to the bottom of this demo page, you can see examples of full bleed color backgrounds sporting various Simplenote Blue shades.

I’m happy with the darker end (shades 50+), but I think the brighter end still needs some work:

  • The second copy of Personal is sporting Simplenote Blue in this example. You can notice by the circular icon background that it needs some tweaks for better contrast and overall consistency with the rest of the palette.

Please try the new blue in any Simplenote materials you may have and let me know how it works with them. I’ll be happy to perfect it.

+3828 -35

4 comments

53 changed files

porada

pr closed time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha dab47c8cf2c121ea4974cf181e5f7f8c496aee60

Add Simplenote examples

view details

Dominik Porada

commit sha 8c32a1e9f47327669ac26cec7a55ad6544e791ca

Introduce Simplenote Blue

view details

Dominik Porada

commit sha 8a041bb61e29a3c3c3ac79588a49f94b4098cbeb

Add more Simplenote examples

view details

Dominik Porada

commit sha 20e626e01e2eeddac0f56b90f1b4a5e9b23a34cf

:nail_care:

view details

Dominik Porada

commit sha 93e90dea8ecf58330d6a47ac72c5545771e788cc

Tweak Simplenote Blue

view details

Dominik Porada

commit sha 712de196145808efef8e72b8ab99af2ce3accead

Merge pull request #27 from Automattic/feature/simplenote-blue Introduce Simplenote Blue

view details

push time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 93e90dea8ecf58330d6a47ac72c5545771e788cc

Tweak Simplenote Blue

view details

push time in 3 months

pull request commentAutomattic/color-studio

Introduce Simplenote Blue

Thanks, @SylvesterWilmott.

The commit I just pushed improves the brighter end and shade 60 for better overall consistency. Please let me know in case something looks or works worse than before.

porada

comment created time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha d64986db04f9e513e0ffb8017f44e529b8a51469

Tweak Simplenote Blue

view details

push time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 20e626e01e2eeddac0f56b90f1b4a5e9b23a34cf

:nail_care:

view details

push time in 3 months

PR opened Automattic/color-studio

Reviewers
Introduce Simplenote Blue

By request, this PR introduces a new palette color, Simplenote Blue.

Preview

You can get the feel of it in these examples:

I’m happy the darker end (shades 50+), but I think the brighter end still needs some work:

  • The second copy of Personal is sporting Simplenote Blue in this example. You can notice by the circular icon background that it needs some tweaks for better contrast and overall consistency with the rest of the palette.

Please try the new blue in any Simplenote materials you may have and let me know how it works with them. I’ll be happy to perfect it.

+3810 -24

0 comment

52 changed files

pr created time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha c95029c29c96d156edc63d0af385a3307bb6bae3

Mark default colors other than 50

view details

Dominik Porada

commit sha dab47c8cf2c121ea4974cf181e5f7f8c496aee60

Add Simplenote examples

view details

Dominik Porada

commit sha 8c32a1e9f47327669ac26cec7a55ad6544e791ca

Introduce Simplenote Blue

view details

Dominik Porada

commit sha 8a041bb61e29a3c3c3ac79588a49f94b4098cbeb

Add more Simplenote examples

view details

push time in 3 months

pull request commentAutomattic/wp-calypso

Phase Out WordPress Blue From the UI

Thanks, Dave!

Calypso.live doesn’t seem to be working to me properly, but I guess it’s enough to preview the change anyway.

porada

comment created time in 3 months

PR opened Automattic/wp-calypso

Phase Out WordPress Blue From the UI Color Schemes DO NOT MERGE Design [Status] Needs Design Review

This is a graceful step towards the bigger set of color changes coming to Calypso in order to bridge the visual gap between marketing pages and our product. The idea is to possibly minimize the color jumps.

Testing Instructions

  • git checkout update/blue
  • yarn start
  • Open Calypso and make sure the master bar has a new color.
+4 -4

0 comment

1 changed file

pr created time in 3 months

create barnchAutomattic/wp-calypso

branch : update/blue

created branch time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha c95029c29c96d156edc63d0af385a3307bb6bae3

Mark default colors other than 50

view details

push time in 3 months

create barnchAutomattic/color-studio

branch : feature/simplenote-blue

created branch time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 76360b6dd62a21a6bf63fc518fc8568ae0c7fb55

Move Sketch exports

view details

push time in 3 months

push eventAutomattic/color-studio

Dominik Porada

commit sha 10c349dae157ea75ab501dcf5a328a30448f0e17

Generate higher-specificity class name stylesheet Closes #26.

view details

Dominik Porada

commit sha 76758d5e1c21b683294a4baaa35972dac6ebf883

Update dependencies

view details

Dominik Porada

commit sha bbef6fb7aff767804bad270c43e974686d85c9e4

Move Sketch exports

view details

push time in 3 months

issue closedAutomattic/color-studio

Generate a Stylesheet with Higher Specificity Class Names

.color-white.color-white {
  color: #fff;
}

.color-black.color-black {
  color: #000;
}

.color-gray-0.color-gray-0 {
  color: #f6f7f7;
}

/* … */

closed time in 3 months

porada

issue openedAutomattic/wp-prettier

Inconsistent Whitespace Inside Template Strings After the Upgrade to 2.0.4

After the upgrade to WP Prettier 2.0.4, I’m getting inconsistent whitespace padding inside template strings:

--- a/src/blocks/sections/hero/html/heading.js
+++ b/src/blocks/sections/hero/html/heading.js
@@ -16,7 +16,7 @@ export default ( { className, children, isImagePresent } ) => {
                'glp-text-brand',
                'glp-text-32',
                'glp-text-40@S',
-               `glp-text-${ isImagePresent ? 56 : 64 }@M`,
+               `glp-text-${ isImagePresent ? 56 : 64}@M`,
                'glp-color-primary',
                className,
        ] );

The same happens to all other template strings in the project.

Input

`glp-text-${ isImagePresent ? 56 : 64 }@M`

Output

`glp-text-${ isImagePresent ? 56 : 64}@M`

Expected behavior

// The previous behavior, consistent with WP standards:
`glp-text-${ isImagePresent ? 56 : 64 }@M`

// This one would also be fine with me:
`glp-text-${isImagePresent ? 56 : 64}@M`

created time in 3 months

more