diff --git a/packages/core/src/constants/colors.json b/packages/core/src/constants/colors.json index adfdc6336f..f734a22843 100644 --- a/packages/core/src/constants/colors.json +++ b/packages/core/src/constants/colors.json @@ -1,62 +1,62 @@ { "black": "#000000", - "light_blue": "#61CAF7", - "basic_blue": "#0085FF", - "primary": "#0085FF", + "light_blue": "#61caf7", + "basic_blue": "#0085ff", + "primary": "#0085ff", "primary-hover": "#0071d9", "basic_light_blue": "#c7e6fa", - "link_color": "#1F76C2", - "dark_purple": "#893DC5", - "blue_links": "#0086c0", - "bazooka": "#F65F7C", - "dark_marble": "#F1F1F1", - "marble": "#F7F7F7", - "gainsboro": "#E1E1E1", + "link_color": "#1f76c2", + "dark_purple": "#893dc5", + "blue_links": "#007eb5", + "bazooka": "#f65f7c", + "dark_marble": "#f1f1f1", + "marble": "#f7f7f7", + "gainsboro": "#e1e1e1", "snow_white": "#ffffff", - "success": "#00CA72", - "grass_green": "#037F4C", - "dark_blue": "#0071D9", - "jeans": "#597BFC", - "purple": "#A358DF", - "error": "#E44258", - "egg_yolk": "#FFCB00", - "saladish": "#CCCC35", - "lipstick": "#F279F2", - "working_orange": "#FDAB3D", - "aqua": "#00D1D1", - "brown": "#7F5347", + "success": "#00ca72", + "grass_green": "#037f4c", + "dark_blue": "#0071d9", + "jeans": "#597bfc", + "purple": "#a358df", + "error": "#e44258", + "egg_yolk": "#ffcb00", + "saladish": "#cccc35", + "lipstick": "#f279f2", + "working_orange": "#fdab3d", + "aqua": "#00d1d1", + "brown": "#7f5347", "blackish": "#333333", - "explosive": "#C4C4C4", - "american_gray": "#808080", + "explosive": "#c4c4c4", + "american_gray": "#757575", "highlight_blue": "#e5f4ff", "pulse_text_color": "#333333", "highlight": "#cce9ff", - "placholder_gray": "#D8D8D8", + "placholder_gray": "#d8d8d8", "placeholder_light_gray": "#efefef", "scrollbar_gray": "#b2b2b2", "timeline_grid_blue": "#454662", - "timeline_blue": "#1C1F3B", + "timeline_blue": "#1c1f3b", "default_group_color": "#579bfc", - "very_light_gray": "#A1A1A1", + "very_light_gray": "#a1a1a1", "pulse_bg": "#f0f0f0", "jade": "#03c875", - "deadline_upcoming_indication": "#5D6387", + "deadline_upcoming_indication": "#5d6387", "form_purple": "#575c96", "form_btn_hover": "#0083d9", - "board_views_grey": "#6E6F8F", - "board_views_blue": "#1C1F3B", - "board_views_grey_hover": "#B2B3D0", - "board_views_blue_secondary": "#363A52", - "brand-blue": "#00A9FF", + "board_views_grey": "#6e6f8f", + "board_views_blue": "#1c1f3b", + "board_views_grey_hover": "#b2b3d0", + "board_views_blue_secondary": "#363a52", + "brand-blue": "#00a9ff", "brand-charcoal": "#2b2c5c", - "brand-gold": "#FFCC00", - "brand-green": "#11DD80", - "brand-iris": "#595AD4", - "brand-light-blue": "#00CFF4", + "brand-gold": "#ffcc00", + "brand-green": "#11dd80", + "brand-iris": "#595ad4", + "brand-light-blue": "#00cff4", "brand-malachite": "#00cd6f", - "brand-purple": "#A358D0", - "brand-red": "#F74875", - "public": "#009AFF", + "brand-purple": "#a358d0", + "brand-red": "#f74875", + "public": "#009aff", "private": "#f65f7c", "share": "#a358df", "word-blue": "#2a5699", @@ -68,10 +68,10 @@ "surface": "#292f4c", "burned_eggplant": "#181d37", "live_blue": "#009aff", - "extra_light_gray": "#EDEEF0", + "extra_light_gray": "#edeef0", "glitter": "#d9f0ff", - "ultra_light_gray": "#EBEBEB", - "red_shadow": "#e2445c", + "ultra_light_gray": "#ebebeb", + "red_shadow": "#df2f4a", "green_shadow": "#00c875", "wolf_gray": "#c5c7d0", "mud_black": "#323338", @@ -80,40 +80,39 @@ "jaco_gray": "#9699a6", "riverstone_gray": "#f5f6f8", "ui_grey": "#e6e9ef", - "border_light_gray": "#F5F6F8", + "border_light_gray": "#f5f6f8", "like_red": "#fb275d", - "lime_green": "#9CD326", - "lime-green": "#9CD326", - "mustered": "#CAB641", - "dark_red": "#BB3354", - "dark-red": "#BB3354", - "trolley-grey": "#808080", - "dark-purple": "#784BD1", - "dark-orange": "#FF642E", - "sofia_pink": "#FF158A", - "dark-pink": "#FF158A", - "turquoise": "#66CCFF", - "light-pink": "#FF5AC4", - "red-shadow": "#e2445c", + "lime_green": "#9cd326", + "lime-green": "#9cd326", + "mustered": "#cab641", + "dark_red": "#bb3354", + "dark-red": "#bb3354", + "trolley-grey": "#757575", + "dark-purple": "#784bd1", + "dark-orange": "#ff642e", + "sofia_pink": "#ff007f", + "dark-pink": "#ff007f", + "turquoise": "#66ccff", + "light-pink": "#ff5ac4", + "red-shadow": "#df2f4a", "orange": "#fdab3d", "yellow": "#ffcb00", "green-shadow": "#00c875", "grass-green": "#037f4c", - "blue-links": "#0086c0", + "blue-links": "#007eb5", "bright-blue": "#579bfc", - "amethyst": "#a25ddc", + "amethyst": "#9d50dd", "green-haze": "#00a359", - "sunset": "#FF7575", - "bubble": "#FAA1F1", - "peach": "#FFADAD", - "berry": "#7E3B8A", - "winter": "#9AADBD", - "river": "#68A1BD", + "sunset": "#ff7575", + "bubble": "#faa1f1", + "peach": "#ffadad", + "berry": "#7e3b8a", + "winter": "#9aadbd", + "river": "#74afcc", "navy": "#225091", - "aquamarine": "#4ECCC6", - "indigo": "#5559DF", + "aquamarine": "#4eccc6", + "indigo": "#5559df", "dark_indigo": "#401694", "asphalt": "#676879", - "higlight": "#DFF0FF", - "ui_grey": "#e6e9ef" + "higlight": "#dff0ff" } diff --git a/packages/style/src/Themes/basic/_content-colors.scss b/packages/style/src/Themes/basic/_content-colors.scss index 1973f42630..434391e840 100644 --- a/packages/style/src/Themes/basic/_content-colors.scss +++ b/packages/style/src/Themes/basic/_content-colors.scss @@ -1,10 +1,10 @@ @mixin define-theme-content-colors() { - // green grass + // Green Grass --color-grass_green: #037f4c; --color-grass_green-hover: #116846; --color-grass_green-selected: #81bfa5; - // done green + // Done Green --color-done-green: #00c875; --color-done-green-hover: #0f9b63; --color-done-green-selected: #80e3ba; @@ -48,7 +48,7 @@ --color-sunset-selected-with-opacity: rgba(255, 186, 186, 0.6); // Stuck red - --color-stuck-red: #e2445c; + --color-stuck-red: #df2f4a; --color-stuck-red-hover: #ad3f51; --color-stuck-red-selected: #f0a1ad; @@ -58,7 +58,7 @@ --color-dark-red-selected: #dd99a9; // Sofia - --color-sofia_pink: #ff158a; + --color-sofia_pink: #ff007f; --color-sofia_pink-hover: #c21e71; --color-sofia_pink-selected: #ff8ac4; @@ -73,7 +73,7 @@ --color-bubble-selected: #fcd0f8; // Purple - --color-purple: #a25ddc; + --color-purple: #9d50dd; --color-purple-hover: #8050ab; --color-purple-selected: #d0aeed; @@ -108,7 +108,7 @@ --color-bright-blue-selected: #abcdfd; // Dark blue - --color-dark-blue: #0086c0; + --color-dark-blue: #007eb5; --color-dark-blue-hover: #0f6d97; --color-dark-blue-selected: #80c2df; @@ -123,11 +123,11 @@ --color-chili-blue-selected: #b2e5ff; // River - --color-river: #68a1bd; + --color-river: #74afcc; --color-river-hover: #588095; --color-river-selected: #b3d0de; - // winter + // Winter --color-winter: #9aadbd; --color-winter-hover: #7b8895; --color-winter-selected: #ccd6de; @@ -138,7 +138,7 @@ --color-explosive-selected: #e1e1e1; // American Grey - --color-american_gray: #808080; + --color-american_gray: #757575; --color-american_gray-hover: #69696a; --color-american_gray-selected: #bfbfbf; @@ -153,12 +153,12 @@ --color-brown-selected: #bfa9a3; // Orchid - --color-orchid: #d974b0; + --color-orchid: #e484bd; --color-orchid-hover: #ae5d8d; --color-orchid-selected: #ecbad7; // Tan - --color-tan: #ad967a; + --color-tan: #bca58a; --color-tan-hover: #8a7862; --color-tan-selected: #d6cabc; @@ -168,12 +168,12 @@ --color-sky-selected: #d0f1fa; // Coffee - --color-coffee: #bd816e; + --color-coffee: #cd9282; --color-coffee-hover: #976758; --color-coffee-selected: #dec0b7; // Royal - --color-royal: #2b76e5; + --color-royal: #216edf; --color-royal-hover: #225eb7; --color-royal-selected: #95bbf2; diff --git a/packages/style/src/config/tokens/themes/basic/palette/_palette.scss b/packages/style/src/config/tokens/themes/basic/palette/_palette.scss index 75336afbf7..0cada075d5 100644 --- a/packages/style/src/config/tokens/themes/basic/palette/_palette.scss +++ b/packages/style/src/config/tokens/themes/basic/palette/_palette.scss @@ -20,7 +20,7 @@ $color-blood_red: #b63546; $color-pastel_red: #f4c3cb; $color-pinky_red: #ecb7bf; -$color-purple: #a25ddc; // content color duplication +$color-purple: #9d50dd; // content color duplication $color-bazooka: #f65f7c; $color-egg_yolk: #ffcb00; // warning colors diff --git a/packages/style/src/config/tokens/themes/basic/palette/legacy/_legacy-pallete.scss b/packages/style/src/config/tokens/themes/basic/palette/legacy/_legacy-pallete.scss index ef9af813e5..824080e704 100644 --- a/packages/style/src/config/tokens/themes/basic/palette/legacy/_legacy-pallete.scss +++ b/packages/style/src/config/tokens/themes/basic/palette/legacy/_legacy-pallete.scss @@ -24,7 +24,7 @@ $color-ultra_light_gray: #ebebeb; $color-very_light_gray: #a1a1a1; $color-jaco_gray: #9699a6; $color-storm_gray: #6b6d77; -$color-trolley-grey: #808080; +$color-trolley-grey: #757575; $color-basic_light_blue: #c7e6fa; $color-light_blue: #61caf7; $color-turquoise: #66ccff; @@ -33,7 +33,7 @@ $color-live_blue: #009aff; $color-jeans: #597bfc; $color-burned_eggplant: #181d37; $color-light-pink: #ff5ac4; -$color-dark-pink: #ff158a; +$color-dark-pink: #ff007f; $color-dark_red: #bb3354; $color-yellow: #ffcb00; $color-mustered: #cab641; @@ -52,7 +52,7 @@ $color-dark-purple: #784bd1; // we use the first one as an alias value and the other ones as aliases. // - We use custom properties as the values assignment. -$color-blue_links: #0086c0; +$color-blue_links: #007eb5; $color-blue-links-alias: $color-blue_links; $color-public: $color-live_blue; $color-private: $color-bazooka; @@ -77,7 +77,7 @@ $color-form_purple: #575c96; $color-highlight: #dff0ff; $color-green_shadow: #00c875; $color-green-shadow-alias: $color-green_shadow; -$color-red_shadow: #e2445c; +$color-red_shadow: #df2f4a; $color-red-shadow-alias: $color-red_shadow; $color-like_red: #fb275d; $color-pulse_bg: #f0f0f0; diff --git a/packages/style/src/files/colors.json b/packages/style/src/files/colors.json index 9ec39278f0..c87967c11c 100644 --- a/packages/style/src/files/colors.json +++ b/packages/style/src/files/colors.json @@ -51,7 +51,7 @@ "negative-color-selected": "#f4c3cb", "negative-color-selected-hover": "#ecb7bf", "private-color": "#f65f7c", - "shareable-color": "#a25ddc", + "shareable-color": "#9d50dd", "ui-border-color": "#c3c6d4", "ui-background-color": "#dcdfec", "layout-border-color": "#d0d4e4", @@ -82,13 +82,13 @@ "color-sunset": "#ff7575", "color-sunset-hover": "#c26163", "color-sunset-selected": "#ffbaba", - "color-stuck-red": "#e2445c", + "color-stuck-red": "#df2f4a", "color-stuck-red-hover": "#ad3f51", "color-stuck-red-selected": "#f0a1ad", "color-dark-red": "#bb3354", "color-dark-red-hover": "#92334c", "color-dark-red-selected": "#dd99a9", - "color-sofia_pink": "#ff158a", + "color-sofia_pink": "#ff007f", "color-sofia_pink-hover": "#c21e71", "color-sofia_pink-selected": "#ff8ac4", "color-lipstick": "#ff5ac4", @@ -97,7 +97,7 @@ "color-bubble": "#faa1f1", "color-bubble-hover": "#be80ba", "color-bubble-selected": "#fcd0f8", - "color-purple": "#a25ddc", + "color-purple": "#9d50dd", "color-purple-hover": "#8050ab", "color-purple-selected": "#d0aeed", "color-dark_purple": "#784bd1", @@ -118,7 +118,7 @@ "color-bright-blue": "#579bfc", "color-bright-blue-hover": "#4c7cc1", "color-bright-blue-selected": "#abcdfd", - "color-dark-blue": "#0086c0", + "color-dark-blue": "#007eb5", "color-dark-blue-hover": "#0f6d97", "color-dark-blue-selected": "#80c2df", "color-aquamarine": "#4eccc6", @@ -127,7 +127,7 @@ "color-chili-blue": "#66ccff", "color-chili-blue-hover": "#569ec3", "color-chili-blue-selected": "#b2e5ff", - "color-river": "#68a1bd", + "color-river": "#74afcc", "color-river-hover": "#588095", "color-river-selected": "#b3d0de", "color-winter": "#9aadbd", @@ -136,47 +136,47 @@ "color-explosive": "#c4c4c4", "color-explosive-hover": "#98999a", "color-explosive-selected": "#e1e1e1", - "color-american_gray": "#808080", + "color-american_gray": "#757575", "color-american_gray-hover": "#69696a", "color-american_gray-selected": "#bfbfbf", "color-blackish": "#333333", "color-brown": "#7f5347", "color-brown-hover": "#684943", "color-brown-selected": "#bfa9a3", - "color-orchid": "#D974B0", - "color-orchid-hover": "#AE5D8D", - "color-orchid-selected": "#ECBAD7", - "color-tan": "#AD967A", - "color-tan-hover": "#8A7862", - "color-tan-selected": "#D6CABC", - "color-sky": "#A1E3F6", - "color-sky-hover": "#81B6C5", - "color-sky-selected": "#D0F1FA", - "color-coffee": "#BD816E", + "color-orchid": "#e484bd", + "color-orchid-hover": "#ae5d8d", + "color-orchid-selected": "#ecbad7", + "color-tan": "#bca58a", + "color-tan-hover": "#8a7862", + "color-tan-selected": "#d6cabc", + "color-sky": "#a1e3f6", + "color-sky-hover": "#81b6c5", + "color-sky-selected": "#d0f1fa", + "color-coffee": "#cd9282", "color-coffee-hover": "#976758", - "color-coffee-selected": "#DEC0B7", - "color-royal": "#2B76E5", - "color-royal-hover": "#225EB7", - "color-royal-selected": "#95BBF2", - "color-teal": "#175A63", - "color-teal-hover": "#12484F", - "color-teal-selected": "#8BACB1", - "color-lavender": "#BDA8F9", - "color-lavender-hover": "#9786C7", - "color-lavender-selected": "#DED4FC", - "color-steel": "#A9BEE8", - "color-steel-hover": "#8798BA", - "color-steel-selected": "#D4DFF4", - "color-lilac": "#9D99B9", - "color-lilac-hover": "#7E7A94", - "color-lilac-selected": "#CECCDC", - "color-pecan": "#563E3E", + "color-coffee-selected": "#dec0b7", + "color-royal": "#216edf", + "color-royal-hover": "#225eb7", + "color-royal-selected": "#95bbf2", + "color-teal": "#175a63", + "color-teal-hover": "#12484f", + "color-teal-selected": "#8bacb1", + "color-lavender": "#bda8f9", + "color-lavender-hover": "#9786c7", + "color-lavender-selected": "#ded4fc", + "color-steel": "#a9bee8", + "color-steel-hover": "#8798ba", + "color-steel-selected": "#d4dff4", + "color-lilac": "#9d99b9", + "color-lilac-hover": "#7e7a94", + "color-lilac-selected": "#ceccdc", + "color-pecan": "#563e3e", "color-pecan-hover": "#453232", - "color-pecan-selected": "#AB9F9F", - "color-warning": "#FFCB00", - "color-warning-hover": "#EAAA15", - "color-warning-select": "#FCEBA1", - "color-warning-select-hover": "#F2D973" + "color-pecan-selected": "#ab9f9f", + "color-warning": "#ffcb00", + "color-warning-hover": "#eaaa15", + "color-warning-select": "#fceba1", + "color-warning-select-hover": "#f2d973" }, "dark-app-theme": { "primary-color": "#0073ea", @@ -210,7 +210,7 @@ "negative-color-selected": "#642830", "negative-color-selected-hover": "#5a2027", "private-color": "#f65f7c", - "shareable-color": "#a25ddc", + "shareable-color": "#9d50dd", "ui-border-color": "#797e93", "ui-background-color": "#4b4e69", "layout-border-color": "#4b4e69", @@ -228,7 +228,7 @@ "color-saladish-selected": "#736a3e", "color-egg_yolk": "#ffd533", "color-egg_yolk-hover": "#c29e11", - "color-egg_yolk-selected": "#8D751E", + "color-egg_yolk-selected": "#8d751e", "color-working_orange": "#fdbc64", "color-working_orange-hover": "#c0873c", "color-working_orange-selected": "#8c653c", @@ -302,38 +302,38 @@ "color-brown": "#99756c", "color-brown-hover": "#684943", "color-brown-selected": "#4d3941", - "color-orchid": "#E190C0", - "color-orchid-hover": "#B4739A", - "color-orchid-selected": "#B4739A", - "color-tan": "#BDAB95", + "color-orchid": "#e190c0", + "color-orchid-hover": "#b4739a", + "color-orchid-selected": "#b4739a", + "color-tan": "#bdab95", "color-tan-hover": "#978977", "color-tan-selected": "#716863", - "color-sky": "#B4E9F8", - "color-sky-hover": "#90BAC6", - "color-sky-selected": "#6C8A9A", - "color-coffee": "#CA9A8B", - "color-coffee-hover": "#A27B6F", - "color-coffee-selected": "#795E5D", - "color-royal": "#5591EA", - "color-royal-hover": "#4474BB", + "color-sky": "#b4e9f8", + "color-sky-hover": "#90bac6", + "color-sky-selected": "#6c8a9a", + "color-coffee": "#ca9a8b", + "color-coffee-hover": "#a27b6f", + "color-coffee-selected": "#795e5d", + "color-royal": "#5591ea", + "color-royal-hover": "#4474bb", "color-royal-selected": "#375993", - "color-teal": "#457B82", + "color-teal": "#457b82", "color-teal-hover": "#376268", - "color-teal-selected": "#2E4D58", - "color-lavender": "#CAB9FA", - "color-lavender-hover": "#A294C8", - "color-lavender-selected": "#85597B", - "color-steel": "#BACBED", - "color-steel-hover": "#95A2BE", - "color-steel-selected": "#707A95", - "color-lilac": "#B1ADC7", - "color-lilac-hover": "#8E8A9F", - "color-lilac-selected": "#6B697F", + "color-teal-selected": "#2e4d58", + "color-lavender": "#cab9fa", + "color-lavender-hover": "#a294c8", + "color-lavender-selected": "#85597b", + "color-steel": "#bacbed", + "color-steel-hover": "#95a2be", + "color-steel-selected": "#707a95", + "color-lilac": "#b1adc7", + "color-lilac-hover": "#8e8a9f", + "color-lilac-selected": "#6b697f", "color-pecan": "#786565", "color-pecan-hover": "#605151", - "color-pecan-selected": "#4A4148", - "color-warning": "#FFCB00", - "color-warning-hover": "#EAAA15", + "color-pecan-selected": "#4a4148", + "color-warning": "#ffcb00", + "color-warning-hover": "#eaaa15", "color-warning-select": "#503e02", "color-warning-select-hover": "#402f00" }, @@ -369,7 +369,7 @@ "negative-color-selected": "#642830", "negative-color-selected-hover": "#5a2027", "private-color": "#f65f7c", - "shareable-color": "#a25ddc", + "shareable-color": "#9d50dd", "ui-border-color": "#8d8d8d", "ui-background-color": "#636363", "layout-border-color": "#636363", @@ -491,8 +491,8 @@ "color-pecan": "#786565", "color-pecan-hover": "#605151", "color-pecan-selected": "#433939", - "color-warning": "#FFCB00", - "color-warning-hover": "#EAAA15", + "color-warning": "#ffcb00", + "color-warning-hover": "#eaaa15", "color-warning-select": "#503e02", "color-warning-select-hover": "#402f00" }, @@ -671,8 +671,8 @@ "color-pecan": "#786565", "color-pecan-hover": "#605151", "color-pecan-selected": "#433939", - "color-warning": "#FFCB00", - "color-warning-hover": "#EAAA15", + "color-warning": "#ffcb00", + "color-warning-hover": "#eaaa15", "color-warning-select": "#503e02", "color-warning-select-hover": "#402f00" }