[All] Changed code theme.

Author: DanilAndreev

src/components/ApiPage.js

@@ -61,7 +61,7 @@ export default function ApiPage(props, ref) {
                 </H3>
             </ReactComponentApiPageSummary>
             <ReactComponentApiPageImport>
-                <Code theme={"darcula"}>{importCode}</Code>
+                <Code themeLight={"darcula"}>{importCode}</Code>
                 <Markdown>{componentAPILocale.importDifferenceText}</Markdown>
                 {overrideName && <Markdown data={{name: overrideName}}>{componentAPILocale.componentName}</Markdown>}
             </ReactComponentApiPageImport>

src/pages/Components/CodeDemo/index.js

@@ -48,7 +48,7 @@ export default function CodeDemo() {
             <Markdown locale={`${locale}/codeDetails`}></Markdown>
             <DemoWithCode
                 code={codeCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 paperContainer
                 actions={[{label: "Source code", link: ""}]}
                 actions={[{
@@ -63,7 +63,7 @@ export default function CodeDemo() {
             <Markdown locale={`${locale}/expansionCodeDetails`}/>
             <DemoWithCode
                 code={expansionCodeCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 paperContainer
                 actions={[{label: "Source code", link: ""}]}
                 actions={[{
@@ -78,7 +78,7 @@ export default function CodeDemo() {
             <Markdown locale={`${locale}/demoWithCodeDetails`}/>
             <DemoWithCode
                 code={demoWithCodeCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 paperContainer
                 actions={[{
                     label: "GitHub source",

src/pages/Components/HeadersDemo/index.js

@@ -35,7 +35,7 @@ export default function HeadersDemo() {
             <DemoWithCode
                 paperContainer
                 code={AllHeadersCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 defaultExpanded
                 name={locale.headersExample}
                 actions={[{
@@ -49,13 +49,13 @@ export default function HeadersDemo() {
             <H2>Settings</H2>
             <H3 noDivider>{locale.contentAutoGeneration}</H3>
             <Markdown> {locale.tagsInfo} </Markdown>
-            <Code theme={"darcula"}>
+            <Code themeLight={"darcula"}>
                 {`return(\n    <H1 noTag>I am H1 header than not generates navigation tags!</H1>\n)`}
             </Code>
             <Markdown>{locale.noTagInfo}</Markdown>
             <H3 noDivider>{locale.divider}</H3>
             <Markdown>{locale.dividerInfo}</Markdown>
-            <Code theme={"darcula"}>
+            <Code themeLight={"darcula"}>
                 {`return(\n    <H1 noDivider>I am H1 without divider at the bottom!</H1>\n)`}
             </Code>
             <Markdown>{locale.noDividerInfo}</Markdown>

src/pages/Components/ImagesDemo/index.js

@@ -30,7 +30,7 @@ export default function ImagesDemo() {
             <Markdown>{locale.infoBlock}</Markdown>
             <DemoWithCode
                 code={imagesOverviewCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 paperContainer
                 defaultExpanded
                 actions={[{

src/pages/Components/LayoutDemo/index.js

@@ -30,7 +30,7 @@ export default function LayoutDemo() {
                 __Material Docs__ starts here.
             </Markdown>
             <H3 noDivider>Simple layout</H3>
-            <Code theme={"darcula"}>
+            <Code themeLight={"darcula"}>
                 {simpleLayoutCode}
             </Code>
             <Markdown>
@@ -39,7 +39,7 @@ export default function LayoutDemo() {
                 ```DocsMenuItem``` prop ___name___ is a page identifier.
             </Markdown>
             <H3 noDivider>Layout with auto menu</H3>
-            <Code theme={"darcula"}>{layoutWithAutoMenuCode}</Code>
+            <Code themeLight={"darcula"}>{layoutWithAutoMenuCode}</Code>
             <Markdown>
                 Here is ```DocsLayout``` with automated menu. You can add __pages__ and __groups__ in other __groups__
                 to create

src/pages/Components/ListsDemo/index.js

@@ -39,7 +39,7 @@ export default function ListsDemo() {
             <DemoWithCode
                 code={simpleListCode}
                 paperContainer
-                theme={"darcula"}
+                themeLight={"darcula"}
                 name={"Simple list"}
                 defaultExpanded
                 actions={[{
@@ -60,6 +60,7 @@ export default function ListsDemo() {
                 code={listWithNestedItemsCode}
                 paperContainer theme={"darcula"}
                 name={"List with nested items"}
+                themeLight={"darcula"}
                 actions={[{
                     label: "GitHub source",
                     link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Lists/ListWithNestedItems.js"
@@ -75,6 +76,7 @@ export default function ListsDemo() {
                 code={decoratedListCode}
                 paperContainer theme={"darcula"}
                 name={"List with items decoration"}
+                themeLight={"darcula"}
                 actions={[{
                     label: "GitHub source",
                     link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Lists/DecoratedList.js"

src/pages/Components/MarkdownDemo/index.js

@@ -52,7 +52,7 @@ export default function MarkdownDemo() {
             <Markdown>{locale.infoBlock1}</Markdown>
             <DemoWithCode
                 code={markdownOverviewCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 paperContainer
                 defaultExpanded
                 name={locale.overviewExample}
@@ -81,7 +81,7 @@ export default function MarkdownDemo() {
                         {demo &&
                         <DemoWithCode
                             code={demo.code}
-                            theme={"darcula"}
+                            themeLight={"darcula"}
                             paperContainer
                             actions={[{label: "GitHub source", link: demo.page}]}
                         >

src/pages/Components/TablesDemo/index.js

@@ -33,7 +33,7 @@ export default function TablesDemo() {
             <H3>{locale.simpleTableHeader}</H3>
             <Markdown>{locale.simpleTableSummary}</Markdown>
             <DemoWithCode
-                theme={"darcula"}
+                themeLight={"darcula"}
                 code={simpleTableCode}
                 paperContainer
                 defaultExpanded
@@ -46,7 +46,7 @@ export default function TablesDemo() {
             <H3>{locale.tablesWithMarkdownHeader}</H3>
             <Markdown>{locale.tablesWithMarkdownSummary}</Markdown>
             <DemoWithCode
-                theme={"darcula"}
+                themeLight={"darcula"}
                 code={tableWithMarkdownCode}
                 paperContainer
                 actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Tables/TableWithMarkdown.js"}]}

src/pages/Components/TextStylingDemo/index.js

@@ -36,7 +36,7 @@ export default function TextStylingDemo() {
                 paperContainer
                 code={overviewCode}
                 defaultExpanded
-                theme={"darcula"}
+                themeLight={"darcula"}
                 name={locale.overview}
                 actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/TextStyling/TextStylingOverview.js"}]}
             >
@@ -49,7 +49,7 @@ export default function TextStylingDemo() {
             <DemoWithCode
                 paperContainer
                 code={nestedCode}
-                theme={"darcula"}
+                themeLight={"darcula"}
                 name={locale.nestedComponents}
                 actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/TextStyling/TextStylingNested.js"}]}
             >