Commit 36052a85 authored by Thomas Boni's avatar Thomas Boni
Browse files

create custom color scheme and update the landing page background svg

parent aa62bed3

docs/css/extra.css

+20 −4
Original line number Diff line number Diff line 
[data-md-color-scheme="go2scale"] {

  --md-primary-fg-color:        #076E81;

  --md-primary-fg-color--light: #00B1D2;

  --md-primary-fg-color--dark:  #00D6A0;

  --md-accent-fg-color: #076E81;

}



.center {

    display: block;

    margin: 0 auto;
@@ -56,12 +63,21 @@ 
    margin-left: 0.2em;

    color: #00acee;

}



.tx-container {

    position: relative;

    padding-top: 1rem;

    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>")

            no-repeat bottom,

        linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%);

    background-image: linear-gradient(var(--md-primary-fg-color), var(--md-primary-fg-color--light) 99%);

}



.tx-container svg {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 10vw;

  /* set height to pixels if you want angle to change with screen width */

}



[data-md-color-scheme="slate"] .tx-container {

    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>")

            no-repeat bottom,
@@ -166,7 +182,7 @@ 
    border-color: var(--md-accent-fg-color);

}

.tx-hero .md-button--primary {

    color: #894da8;

    color: var(--md-primary-fg-color);

    background-color: var(--md-primary-bg-color);

    border-color: var(--md-primary-bg-color);

}

mkdocs.yml

+1 −2
Original line number Diff line number Diff line
@@ -56,8 +56,7 @@ theme: 
  custom_dir: 'overrides'

  # Color

  palette:

    primary: 'indigo'

    accent: 'indigo'

    scheme: 'go2scale'

  # Text

  language: 'en'

  direction: 'ltr'

overrides/home.html

+3 −0
Original line number Diff line number Diff line
@@ -20,6 +20,9 @@ 
        </div>

      </div>

    </div>

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">

      <polygon fill="white" points="0,100 100,0 100,100"/>

    </svg>

  </section>

{% endblock %}

{% block content %}{% endblock %}