Increase contrast of admonitions to WCAG AAA, inline code to AA (#121)

wagtail · Nov 22, 2021 · bea8a26 · bea8a26
1 parent 7d5a18f
commit bea8a26
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/docs/examples/admonitions.md b/docs/examples/admonitions.md
@@ -28,6 +28,9 @@
 ```eval_rst note:: Notes can provide complementary information.
 ```
 
+```eval_rst seealso:: The world is your oyster.
+```
+
 ```eval_rst tip:: Speak softly and carry a big stick; you will go far.
 ```
 

diff --git a/sass/_component_admotion.scss b/sass/_component_admotion.scss
@@ -8,7 +8,7 @@
 // - Horizontal Buttons
 //
 .admonition {
-    background-color: theme-color-level('dark', -11);
+    background-color: theme-color-level('info', -11);
     margin: $spacer 0;
     padding: $spacer;
     box-shadow: $box-shadow-sm;
@@ -23,8 +23,9 @@
     padding: ($spacer / 2) $spacer;
     margin: -$spacer;
     margin-bottom: $spacer;
-    color: color-yiq(theme-color('dark'));
-    background-color: theme-color('dark');
+    color: color-yiq(theme-color('info'));
+    background-color: theme-color('info');
+    font-weight: $font-weight-bold;
     &:before {
         @include fa-icon;
         content: fa-content($fa-var-info-circle);

diff --git a/sass/_component_version.scss b/sass/_component_version.scss
@@ -15,6 +15,7 @@
     padding: ($spacer / 2) $spacer;
     margin: -$spacer;
     margin-bottom: $spacer;
+    font-weight: $font-weight-bold;
     &:before {
         @include fa-icon;
         font-family: 'Font Awesome 5 Free';
@@ -23,10 +24,10 @@
     }
 }
 .versionadded {
-    background-color: theme-color-level('info', -11);
+    background-color: theme-color-level('success', -11);
     .versionmodified {
-        color: color-yiq(theme-color('info'));
-        background-color: theme-color('info');
+        color: color-yiq(theme-color('success'));
+        background-color: theme-color('success');
         &:before {
             content: fa-content($fa-var-info-circle);
         }

diff --git a/sass/_variables.scss b/sass/_variables.scss
@@ -17,10 +17,10 @@ $indigo:            #251657;
 $bright-green: 		#3beccd;
 
 $primary:           $indigo;
-$success:           #5cb85c;
-$info:              #5bc0de;
+$success:           #006363;
+$info:              #3f428b;
 $warning:           #f0ad4e;
-$danger:            #d9534f;
+$danger:            #a72925;
 
 
 $link-color: $primary;
@@ -36,7 +36,7 @@ $yiq-contrasted-threshold: 160;
 //
 // Code Colors
 // --------------------------------------------------
-$code-color:        #ee0028;
+$code-color:        #d02040;
 $code-color-file:   hsl(328, 100%, 50%);
 $code-color-html:   hsl(275, 100%, 40%);
 $code-color-js:     hsl(128, 100%, 20%);
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,6 +28,9 @@ @@
     ```eval_rst note:: Notes can provide complementary information.
     ```
+    ```eval_rst seealso:: The world is your oyster.
+    ```
     ```eval_rst tip:: Speak softly and carry a big stick; you will go far.
     ```
@@ Expand Down @@