docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #11640 from thaJeztah/refactor_colors 

Theme: refactor colors and some fixes/updates
This commit is contained in:
Usha Mandya 2020-10-28 11:09:54 +00:00 committed by GitHub
parent 7a692b6e62 d405b17ca2
commit ef135682d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 90 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
_includes/landing-page/community-banner.html
View File

@ -1,19 +1,18 @@
<section class="join-community slack"> <section class="cta-banner slack">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7"> <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">
<h5 class="title"> <h2>Join the Docker Community Slack channel</h2>
<h5>
Connect with Docker Captains and Docker enthusiasts through our Connect with Docker Captains and Docker enthusiasts through our
Community Slack channel. Community Slack channel. It’s a great place to learn and ask questions
along your journey.
</h5> </h5>
<p>
It’s a great place to learn and ask questions along your journey.
</p>
</div> </div>
<div class="col-xs-12 col-md-6 col-lg-4 text-center"> <div class="col-xs-12 col-md-6 col-lg-4 text-center">
<a href="http://dockr.ly/slack" class="slack-button"> <a href="https://dockr.ly/slack" class="btn slack-button">
<img src="/images/slack-icon.svg" alt="slack" /> <img src="/images/slack-icon.svg" width="56" height="56" alt="slack" />
<span>Join the community</span> Join the community
</a> </a>
</div> </div>
</div> </div>

2
_includes/landing-page/docker-aci.html
View File

@ -1,4 +1,4 @@
<section class="join-community dockercon"> <section class="cta-banner dockercon">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7"> <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">

2
_includes/landing-page/docker-hub-signup.html
View File

@ -1,4 +1,4 @@
<section class="join-community dockercon"> <section class="cta-banner dockercon">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7"> <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">

2
_includes/landing-page/docker-pricing.html
View File

@ -1,4 +1,4 @@
<section class="join-community dockercon"> <section class="cta-banner dockercon">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7"> <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">

2
_includes/landing-page/dockercon-banner.html
View File

@ -1,4 +1,4 @@
<section class="join-community dockercon"> <section class="cta-banner dockercon">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7"> <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">

2
_includes/landing-page/dockercon-wrapup-banner.html
View File

@ -1,4 +1,4 @@
<section class="join-community dockercon"> <section class="cta-banner dockercon">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7"> <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">

87
_scss/_landing.scss
View File

@ -243,65 +243,46 @@ body.landing {
} }
} }
section.join-community { section.cta-banner {
background-color: $dark-blue; background-color: $dark-blue;
padding: 75px 0; padding: 75px 0;
h2, h5, p { h2, h5, p {
color: white; color: white;
} }
&.dockercon { text-align: center;
text-align: center;
@include md-width { @include md-width {
text-align: left; text-align: left;
}
img {
margin-bottom: 20px;
max-height: 100px;
}
h2 {
color: white;
font-size: 32px;
line-height: 37px;;
}
a.btn {
background-color: #FF3F73;
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: bold;
padding: 20px 60px;
margin-top: 50px;
}
} }
&.slack { img {
a.slack-button { margin-bottom: 20px;
background: #FFFFFF; max-height: 100px;
border: 2px solid #FFFFFF; }
box-sizing: border-box;
border-radius: 3px;
align-items: center;
display: inline-flex;
padding: 0 26px 0 2px;
text-transform: none;
margin-top: 2rem;
img { h2 {
height: 56px; font-size: 32px;
width: 56px; line-height: 37px;;
} }
span {
font-weight: bold; a.btn {
font-size: 17px; background: #FF3F73;
line-height: 24px; color: white;
color: $dark-blue; font-size: 17px;
} font-weight: bold;
margin-top: 50px;
padding: 20px 60px;
img {
margin: 0;
}
&.slack-button {
background: white;
color: $dark-blue;
padding: 2px 25px 2px 10px;
} }
} }
} }
@ -368,8 +349,8 @@ body.landing {
} }
} }
footer.footer { footer {
background-color: $dark-blue; background-color: $bg-footer-landing;
margin-top: 130px; margin-top: 130px;
a, p { a, p {
@ -377,7 +358,3 @@ body.landing {
} }
} }
} }
body.landing:not(.night) {
background-color: $bg-sidebar;
}

3
_scss/_night-mode.scss
View File

@ -11,6 +11,9 @@ body.night {
color: inherit; color: inherit;
background-color: $bg-card-night; background-color: $bg-card-night;
} }
footer {
background-color: $bg-footer-landing-night;
}
} }
.rating-nero-value, .rating-nero-value,

76
_scss/_variables.scss
View File

@ -3,64 +3,64 @@
* global * global
*/ */
$headings: "Geomanist Book", sans-serif; $headings: "Geomanist Book", sans-serif;
$headings-landing: 'Geomanist Regular', sans-serif; $headings-landing: "Geomanist Regular", sans-serif;
$buttons: "Geomanist Book", sans-serif; $buttons: "Geomanist Book", sans-serif;
$font: "Open Sans", sans-serif; $font: "Open Sans", sans-serif;
$body-text-size: 14px; $body-text-size: 14px;
$global-header-height: 440px; $white: #fff;
$bg-secondary-tabs: rgba(0, 0, 0, 0.05); $black: #000;
$white: #fff;
$black: #000;
/* /*
* standard mode * standard mode
*/ */
$body-text: #33444c; $body-text: hsl(199, 20%, 25%);
$primary-links: #2496ed; $primary-links: hsl(206, 85%, 54%);
$bg-body: #ffffff; $bg-body: hsl(206, 0%, 100%);
$bg-body-landing: #fbfbfc; $bg-body-landing: hsl(206, 14%, 99%);
$bg-header: #2496ed; $bg-header: hsl(206, 85%, 54%);
$bg-secondary: #2496ed; $bg-secondary: hsl(206, 85%, 54%);
$bg-sidebar: #fbfbfc; $bg-sidebar: hsl(206, 14%, 99%);
$bg-footer: #ffffff; $bg-footer: hsl(206, 0%, 100%);
$bg-footer-landing: hsl(214, 100%, 20%);
$bg-component: #fbfbfc; $bg-component: hsl(240, 14%, 99%);
$bg-card: #ffffff; $bg-card: hsl( 0, 0%, 100%);
// notes, warnings // notes, warnings
$note-color: #1488C6; $note-color: hsl(206, 82%, 43%);
$note-bg-color: #f4fafe; $note-bg-color: hsl(206, 83%, 98%);
$important-color: #aa6708; $important-color: hsl( 35, 91%, 35%);
$warning-color: #ce4844; $warning-color: hsl( 2, 58%, 54%);
$slider-bg: #c3e4f7; $slider-bg: hsl(206, 76%, 87%);
$slider-btn: #2496ed; $slider-btn: hsl(206, 85%, 54%);
$table-head: #cfd2d4; $table-head: hsl(206, 5%, 82%);
/* /*
* night mode * night mode
*/ */
$body-text-night: #d3d4d4; $body-text-night: hsl(180, 1%, 83%);
$primary-links-night: #9cd7f7; $primary-links-night: hsl(203, 85%, 79%);
$bg-body-night: #061f2f; $bg-body-night: hsl(203, 90%, 10%);
$bg-body-landing-night: #061f2f; $bg-body-landing-night: hsl(203, 90%, 10%);
$bg-header-night: #101c29; $bg-header-night: hsl(203, 40%, 10%);
$bg-secondary-night: #101c29; $bg-secondary-night: hsl(203, 40%, 10%);
$bg-sidebar-night: #101e26; $bg-sidebar-night: hsl(203, 40%, 10%);
$bg-footer-night: #000000; $bg-footer-night: hsl(203, 0%, 0%);
$bg-footer-landing-night: hsl(214, 100%, 20%);
$bg-component-night: #101c29; $bg-component-night: hsl(203, 44%, 10%);
$bg-card-night: #0f161e; $bg-card-night: hsl(203, 33%, 8%);
// notes, warnings // notes, warnings
$note-color-night: #d3d4d4; $note-color-night: hsl(180, 1%, 83%);
$note-bg-color-night: #1f3341; $note-bg-color-night: hsl(203, 35%, 19%);
$important-color-night: #f5ac45; $important-color-night: hsl( 35, 90%, 62%);
$warning-color-night: #ff7e7a; $warning-color-night: hsl( 2, 100%, 74%);
$active-sidebar-night: #9cd7f7; $active-sidebar-night: hsl(203, 85%, 79%);
$bg-search-results-night: rgba(10, 10, 10, 0.95); $bg-search-results-night: hsla(0, 0%, 4%, 0.95);

2
engine/faq.md
View File

@ -222,7 +222,7 @@ You need to tell Docker to talk to that machine. You can do this with the
You can find more answers on: You can find more answers on:
- [Docker community Slack channel](http://dockr.ly/slack){: target="_blank" rel="noopener" class="_"} - [Docker community Slack channel](https://dockr.ly/slack){: target="_blank" rel="noopener" class="_"}
- [Docker Support Forums](https://forums.docker.com){: target="_blank" rel="noopener" class="_"} - [Docker Support Forums](https://forums.docker.com){: target="_blank" rel="noopener" class="_"}
- [GitHub](https://github.com/moby/moby){: target="_blank" rel="noopener" class="_"} - [GitHub](https://github.com/moby/moby){: target="_blank" rel="noopener" class="_"}
- [Ask questions on Stackoverflow](https://stackoverflow.com/search?q=docker){: target="_blank" rel="noopener" class="_"} - [Ask questions on Stackoverflow](https://stackoverflow.com/search?q=docker){: target="_blank" rel="noopener" class="_"}

4
opensource/ways.md
View File

@ -110,7 +110,7 @@ boost your own well being.
Docker users are people using Docker in their daily work. To help Docker users, visit: Docker users are people using Docker in their daily work. To help Docker users, visit:
* the [Docker community Slack channel](http://dockr.ly/slack){: target="_blank" rel="noopener" class="_"} * the [Docker community Slack channel](https://dockr.ly/slack){: target="_blank" rel="noopener" class="_"}
* the [Docker Community Forum](https://forums.docker.com/){: target="_blank" rel="noopener" class="_"} * the [Docker Community Forum](https://forums.docker.com/){: target="_blank" rel="noopener" class="_"}
* [StackOverflow](https://stackoverflow.com/questions/tagged/docker){: target="_blank" rel="noopener" class="_"} * [StackOverflow](https://stackoverflow.com/questions/tagged/docker){: target="_blank" rel="noopener" class="_"}
@ -122,7 +122,7 @@ You can also check the lists of [open issues on the Docker docs](https://github.
Docker contributors are people like you, interested in the open source projects Docker contributors are people like you, interested in the open source projects
and product documentation. Contributors may need help with IRC, Go programming, and product documentation. Contributors may need help with IRC, Go programming,
Markdown, or with other aspects of contributing. To help Docker contributors, Markdown, or with other aspects of contributing. To help Docker contributors,
join the [Docker community Slack channel](http://dockr.ly/slack){: target="_blank" rel="noopener" class="_"}. join the [Docker community Slack channel](https://dockr.ly/slack){: target="_blank" rel="noopener" class="_"}.
## Contribute to the Moby open source project ## Contribute to the Moby open source project

2
registry/help.md
View File

@ -9,7 +9,7 @@ title: Get help
If you need help, or just want to chat, you can reach us: If you need help, or just want to chat, you can reach us:
- on the [Docker forums](https://forums.docker.com/c/open-source-projects/opensrcreg). - on the [Docker forums](https://forums.docker.com/c/open-source-projects/opensrcreg).
- on the [Docker community Slack channel](http://dockr.ly/slack){: target="_blank" rel="noopener" class="_"} - on the [Docker community Slack channel](https://dockr.ly/slack){: target="_blank" rel="noopener" class="_"}
- on the [mailing list](https://groups.google.com/a/dockerproject.org/forum/#!forum/distribution) (mail at <distribution@dockerproject.org>). - on the [mailing list](https://groups.google.com/a/dockerproject.org/forum/#!forum/distribution) (mail at <distribution@dockerproject.org>).
If you want to report a bug: If you want to report a bug: