docs: update content

Author: mrholek

packages/docs/content/components/navbar.mdx

@@ -1132,10 +1132,10 @@ export const ExternalContentExample = () => {
   const [visible, setVisible] = useState(false)
   return (
     <>
-      <CCollapse id="navbarToggleExternalContent" visible={visible}>
+      <CCollapse id="navbarToggleExternalContent" visible={visible} data-coreui-theme="dark">
         <div className="bg-dark p-4">
-          <h5 className="text-white h4">Collapsed content</h5>
-          <span className="text-body-secondary-inverse">Toggleable via the navbar brand.</span>
+          <h5 className="text-body-emphasis h4">Collapsed content</h5>
+          <span className="text-body-secondary">Toggleable via the navbar brand.</span>
         </div>
       </CCollapse>
       <CNavbar colorScheme="dark" className="bg-dark">
@@ -1159,10 +1159,10 @@ export const ExternalContentExample = () => {
 const [visible, setVisible] = useState(false)
 return (
   <>
-    <CCollapse id="navbarToggleExternalContent" visible={visible}>
+    <CCollapse id="navbarToggleExternalContent" visible={visible} data-coreui-theme="dark">
       <div className="bg-dark p-4">
-        <h5 className="text-white h4">Collapsed content</h5>
-        <span className="text-body-secondary-inverse">Toggleable via the navbar brand.</span>
+        <h5 className="text-body-emphasis h4">Collapsed content</h5>
+        <span className="text-body-secondary">Toggleable via the navbar brand.</span>
       </div>
     </CCollapse>
     <CNavbar colorScheme="dark" className="bg-dark">

packages/docs/content/components/widgets.mdx

@@ -88,6 +88,9 @@ import {
               maintainAspectRatio: false,
               scales: {
                 x: {
+                  border: {
+                    display: false,
+                  },
                   grid: {
                     display: false,
                     drawBorder: false,
@@ -175,6 +178,9 @@ import {
               maintainAspectRatio: false,
               scales: {
                 x: {
+                  border: {
+                    display: false,
+                  },
                   grid: {
                     display: false,
                     drawBorder: false,
@@ -360,6 +366,9 @@ import {
                   },
                 },
                 y: {
+                  border: {
+                    display: false,
+                  },
                   grid: {
                     display: false,
                     drawBorder: false,
@@ -417,7 +426,7 @@ import {
                 label: 'My First dataset',
                 backgroundColor: 'transparent',
                 borderColor: 'rgba(255,255,255,.55)',
-                pointBackgroundColor: '#321fdb',
+                pointBackgroundColor: '#5856d6',
                 data: [65, 59, 84, 84, 51, 55, 40],
               },
             ],
@@ -431,6 +440,9 @@ import {
             maintainAspectRatio: false,
             scales: {
               x: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -518,6 +530,9 @@ import {
             maintainAspectRatio: false,
             scales: {
               x: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,
@@ -703,6 +718,9 @@ import {
                 },
               },
               y: {
+                border: {
+                  display: false,
+                },
                 grid: {
                   display: false,
                   drawBorder: false,