Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 307f757c authored by Christophe Chaudier's avatar Christophe Chaudier :rocket:
Browse files

Merge branch '49-change-admonitions-colors' into 'master'

Resolve "change admonitions colors"

Closes #86 and #49

See merge request !56
parents 090b81b3 691ffe36
No related branches found
No related tags found
1 merge request!56Resolve "change admonitions colors"
Pipeline #6052 passed
image: node:14.17.1-slim
image: node:16.14.2-slim
stages:
- 🧪 test
......
Source diff could not be displayed: it is too large. Options to address this: view the blob.
......@@ -30,7 +30,11 @@
--ifm-color-tonic-one: #E07931;
--ifm-color-tonic-two: #B3433B;
--ifm-color-tonic-three: #805D93;
--ifm-color-tonic-three-light: #B39BBF;
--ifm-color-primary-light: #ffffff;
--ifm-color-gray-100: #f5f6f7;
--ifm-color-gray-700: #646960;
--ifm-code-background: #f1f1f1;
--ifm-link-color: #E07931;
--ifm-button-color: var(--ifm-color-primary);
--ifm-code-font-size: 95%;
......@@ -41,6 +45,35 @@
--ifm-container-max-width: 950px;
--ifm-navbar-shadow: none;
--ifm-button-shadow: 1px 3px 4px #b6b6b6;
--ifm-color-success: var(--ifm-color-dark-green);
--ifm-color-info: var(--ifm-color-tonic-three);
--ifm-color-warning: var(--ifm-color-tonic-one);
--ifm-color-danger: var(--ifm-color-tonic-two);
--ifm-color-success-contrast-background: var(--ifm-color-dark-green);
--ifm-color-info-contrast-background: var(--ifm-color-tonic-three);
--ifm-color-warning-contrast-background: var(--ifm-color-tonic-one);
--ifm-color-danger-contrast-background: var(--ifm-color-tonic-two);
--ifm-alert-border-color:var(--ifm-color-tonic-two);
--ifm-alert--warning-border-color:var(--ifm-color-tonic-one);
--ifm-alert--danger-border-color:var(--ifm-color-tonic-two);
--ifm-pre-background: var(--prism-background-color);
--ifm-color-secondary-contrast-background: var(--ifm-color-gray-100);
--ifm-color-success-dark: var(--ifm-color-light-green);
--ifm-color-info-dark: var(--ifm-color-tonic-three-light);
--ifm-color-warning-dark: var(--ifm-color-frame);
--ifm-color-danger-dark: var(--ifm-color-tonic-one);
--ifm-color-success-contrast-foreground: var(--ifm-color-primary-light);
--ifm-color-info-contrast-foreground: var(--ifm-color-primary-light);
--ifm-color-warning-contrast-foreground: var(--ifm-color-primary-light);
--ifm-color-danger-contrast-foreground: var(--ifm-color-primary-light);
}
html[data-theme='dark'] {
--ifm-color-secondary-contrast-background: var(--ifm-color-gray-700);
--ifm-color-success-contrast-background: var(--ifm-color-dark-green);
--ifm-color-info-contrast-background: var(--ifm-color-tonic-three);
--ifm-color-warning-contrast-background: var(--ifm-color-tonic-one);
--ifm-color-danger-contrast-background: var(--ifm-color-tonic-two);
}
.docusaurus-highlight-code-line {
......@@ -196,12 +229,16 @@ ul {
border-style: none;
}
.button--warning:hover {
.button--warning:hover, .button--warning:not(.button--outline):hover {
color: var(--ifm-color-primary-light);
background-color: var(--ifm-color-tonic-three);
border-style: none;
}
.button--warning:not(.button--outline) {
background-color: var(--ifm-color-frame);
}
/***** dark theme button ******/
html[data-theme='dark'] .button--beta:hover {
color: var(--ifm-color-primary-light);
......
......@@ -6,3 +6,38 @@ description: "page factice"
# Page factice
Page factice penser à créer une vraie page !
```bash
#!/bin/bash
echo "Hello World"
```
:::note
Some **content** with _markdown_ `syntax`. Check [this `api`](#).
:::
:::tip
Some **content** with _markdown_ `syntax`. Check [this `api`](#).
:::
:::info
Some **content** with _markdown_ `syntax`. Check [this `api`](#).
:::
:::caution
Some **content** with _markdown_ `syntax`. Check [this `api`](#).
:::
:::danger
Some **content** with _markdown_ `syntax`. Check [this `api`](#).
:::
import React from 'react';
import clsx from 'clsx';
/* eslint react/prop-types: 0 */
import React from "react";
import clsx from "clsx";
import {
PageMetadata,
HtmlClassNameProvider,
ThemeClassNames,
} from '@docusaurus/theme-common';
import Layout from '@theme/Layout';
import MDXContent from '@theme/MDXContent';
import TOC from '@theme/TOC';
import styles from './styles.module.css';
} from "@docusaurus/theme-common";
import Layout from "@theme/Layout";
import MDXContent from "@theme/MDXContent";
import TOC from "@theme/TOC";
import styles from "./styles.module.css";
export default function MDXPage(props) {
const {content: MDXPageContent} = props;
const {
......@@ -25,8 +26,8 @@ export default function MDXPage(props) {
<PageMetadata title={title} description={description} />
<Layout>
<main className="container container--fluid margin-vert--lg">
<div className={clsx('row', styles.mdxPageWrapper)}>
<div className={clsx('col', !hideTableOfContents && 'col--8')}>
<div className={clsx("row", styles.mdxPageWrapper)}>
<div className={clsx("col", !hideTableOfContents && "col--8")}>
<MDXContent>
<MDXPageContent />
</MDXContent>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment