diff --git a/docusaurus.config.js b/docusaurus.config.js index 57cd77cc2fa7dc756347fab159135b31be7ea063..af4e7890adb4b85ee3e1653ad2fcaea8794700ad 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -4,7 +4,6 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula"); /** @type {import('@docusaurus/types').DocusaurusConfig} */ module.exports = { title: "Simplifiez-vous le code !", - // tagline: "Froggit aide à booster la coopération des Dev, Ops et autres Techs des entreprises autour du code source, sans gérer une infrastructure complexe !", tagline: "Améliorez la coopération de vos équipes autour du code source, sans gérer votre forge logicielle !", url: process.env.DOCUSAURUS_URL || "https://froggit.fr", baseUrl: process.env.DOCUSAURUS_BASEURL || "/", @@ -21,10 +20,10 @@ module.exports = { src: "img/logo_typo_froggit.png", }, items: [ - {label: "✨ Fonctionnalités", position: "left", to: "/#features"}, + {label: "✨ Fonctionnalités", position: "left", to: "/#features", exact: true}, {label: "ⓠFAQ", position: "left", to: "/faq"}, {label: "💰 Tarifs", position: "left", to: "/tarifs"}, - {label: "📔 Doc", position: "left", type: "doc", docId: "intro", }, + {label: "📔 Doc", position: "left", type: "doc", docId: "intro"}, { label: "🎠Antisèche git", position: "left", diff --git a/src/css/custom.css b/src/css/custom.css index 3e56319b19124fff352991cea4f04ae606b0c566..567f6cfa792bcb3bc0ed369e7e6f6e40fad928f0 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -72,13 +72,35 @@ p { font-weight: 500; } -.button { - margin: 10px; +/****** LINK a ******/ +a:hover { + transition: 0.3s; } -.button--beta { - background-color: var(--ifm-color-dark-green); - border-color: var(--ifm-color-dark-green); +.heroBanner_src-pages-index-module { + padding: 0.5rem !important; + padding-bottom: 2.5rem !important; +} + +/********* TABLE OF CONTENT ********/ +.table-of-contents__link:hover, .table-of-contents__link--active { + color: var(--ifm-color-tonic-one); +} + +.clean-btn { + color: var(--ifm-color-dark-green); +} + +.clean-btn :hover { + color: var(--ifm-color-light-green); +} + +html[data-theme='dark'] .clean-btn { + color: var(--ifm-color-primary-light); +} + +html[data-theme='dark'] .clean-btn :hover { + color: var(--ifm-color-primary-light); } /******* table & ul montserra font *******/ @@ -90,26 +112,82 @@ ul { font-family: var(--ifm-font-family); } -/************ NAVBAR STYLE ***********/ +/************ Navbar style ***********/ .navbar { background-color: var(--ifm-color-light-green); - --ifm-navbar-link-hover-color: var(--ifm-color-dark-green); + --ifm-navbar-link-hover-color: var(--ifm-color-frame); font-family: var(--ifm-font-family-base); font-weight: 700; font-size: 16px; } +.navbar__items :hover { + color: var(--ifm-color-tonic-three); +} + .navbar__title { font-size: 18px; } +.navbar__link { + color: var(--ifm-color-primary-light); +} + .navbar--fixed-top { position: sticky; top: 0; z-index: 1; } -/************ MAIN ELEMENT STYLE ***********/ +/****** HERO TITLE ******/ +.hero__title { + color: var(--ifm-color-primary-light); +} + +.hero__subtitle { + color: var(--ifm-color-primary-light); +} + +/***** BUTTON *****/ +.button { + margin: 10px; + border-color: var(--ifm-color-dark-green); + color: var(--ifm-color-frame); + border-style: none; +} + +.button--beta { + background-color: var(--ifm-color-dark-green); + border-color: var(--ifm-color-dark-green); + color: var(--ifm-color-frame); + border-style: none; +} + +.button--beta:hover { + color: var(--ifm-color-primary-light); + background-color: var(--ifm-color-tonic-three); + border-style: none; +} + +.button--warning { + color: var(--ifm-color-dark-green); + border-style: none; +} + +.button--warning:hover { + color: var(--ifm-color-primary-light); + background-color: var(--ifm-color-tonic-three); + border-style: none; +} + +/***** dark theme button ******/ +html[data-theme='dark'] .button--beta:hover { + color: var(--ifm-color-primary-light); + background-color: var(--ifm-color-tonic-three); + border-style: none; +} + +/************ main elements style***********/ .section-promises { padding: 4rem 0; width: 100%; @@ -131,8 +209,7 @@ ul { flex-direction: row-reverse; } -/************ FOOTER STYLE ***********/ - +/************ footer style ***********/ a.footer__link-item:hover { color: var(--ifm-color-frame); } @@ -147,14 +224,76 @@ a.footer__link-item:hover { .footer { background-color: var(--ifm-color-tonic-one); - color: var(--ifm-color-primary); + color: var(--ifm-color-primary-light); --ifm-footer-link-color: var(--ifm-color-primary); --ifm-footer-title-color: var(--ifm-color-primary); font-family: var(--ifm-font-family); } -/************ SUB-FOOTER STYLE ***********/ +.footer__title { + color: var(--ifm-color-primary-light); +} + +.footer__link-item { + color: var(--ifm-color-primary-light); +} + +/************ sub-footer style ***********/ .footer__bottom { font-family: var(--ifm-font-family); font-weight: 600; +} + +/*************** dark footer *************/ +html[data-theme='dark'] .footer__link-item { + color: var(--ifm-color-primary-light); +} + +html[data-theme='dark'] .footer { + background-color: var(--ifm-color-tonic-one); + color: var(--ifm-color-primary); + --ifm-footer-link-color: var(--ifm-color-primary-light); + --ifm-footer-title-color: var(--ifm-color-primary-light ); +} + +html[data-theme='dark'] .footer__copyright { + color: var(--ifm-color-primary-light); +} + +/********* Doc page ***********/ +/* lateral text */ +.menu__link { + background: none; +} + +/* text mouse hover */ +.menu__link:hover { + color: var(--ifm-color-tonic-three); +} + +/* text on click */ +.navbar__link:hover, .navbar__link--active { + color: var(--ifm-color-frame); + transition: 0.3s; +} + +.menu__link--active { + color: var(--ifm-color-tonic-one); +} + +/* button "La doc de Froggit" */ +.breadcrumbs__item--active .breadcrumbs__link { + background: var(--ifm-breadcrumb-item-background-active); + color: var(--ifm-color-tonic-one); +} + +/******* Dark theme ********/ +html[data-theme='dark'] a:hover { + + transition: 0.3s; +} + +/* lateral text menu*/ +html[data-theme='dark'] .menu__link { + color: var(--ifm-color-tonic-one); }