Improve style of selected blocks (#858)

* Cross-block-selection style improved

* Update CHANGELOG.md

docs/CHANGELOG.md

@@ -5,6 +5,7 @@
 - `Refactoring` — Constants of tools settings separated by internal and external to correspond API
 - `Refactoring` — Created universal Flipper class that responses for navigation by keyboard inside of any Toolbars
 - `Fix` — First CMD+A on block with now uses default behaviour. Fixed problem with second CMD+A after selection clearing [#827](https://github.com/codex-team/editor.js/issues/827)
+- `Improvements` — Style of inline selection and selected blocks improved
 
 ### 2.15
 

src/styles/block.css

@@ -17,9 +17,6 @@
 
   &--selected &__content {
     background: var(--selectionColor);
-    box-shadow: 0 31px 23px -22px rgba(175, 220, 255, 1);
-    animation: selectionBounce 0.2s 1;
-    animation-fill-mode: forwards;
 
     /**
      * Workaround Safari case when user can select inline-fragment with cross-block-selection
@@ -43,6 +40,7 @@
     position: relative;
     max-width: var(--content-width);
     margin: 0 auto;
+    transition: background-color 150ms ease;
   }
 
   &--drop-target &__content {

src/styles/ui.css

@@ -96,7 +96,7 @@
  * Set color for native selection
  */
 ::selection{
-  background-color: var(--selectionColor);
+  background-color: var(--inlineSelectionColor);
 }
 
 .codex-editor--toolbox-opened [contentEditable=true][data-placeholder]:focus::before {

src/styles/variables.css

@@ -5,7 +5,8 @@
   /**
    * Selection color
    */
-  --selectionColor: #a8d6ff;
+  --selectionColor: #e1f2ff;
+  --inlineSelectionColor: #d4ecff;
 
   /**
    * Toolbar buttons