Use right shade of blue
Use the shade of blue specified in k/kubenetes. Per https://github.com/kubernetes/kubernetes/blob/1dc30bf/logo/colors.md the RGB blue color is #326CE5. Use that.
This commit is contained in:
		
							parent
							
								
									7f81867d10
								
							
						
					
					
						commit
						724698d793
					
				|  | @ -559,7 +559,7 @@ section#cncf { | ||||||
| 
 | 
 | ||||||
|   #desktopKCButton:hover{ |   #desktopKCButton:hover{ | ||||||
|     background-color: #ffffff; |     background-color: #ffffff; | ||||||
|     color: #3371e3; |     color: #326ce5; | ||||||
|     transition: 150ms; |     transition: 150ms; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -728,7 +728,7 @@ body.cid-partners { | ||||||
|         line-height: 40px; |         line-height: 40px; | ||||||
|         color: #ffffff; |         color: #ffffff; | ||||||
|         font-size: 16px; |         font-size: 16px; | ||||||
|         background-color: #3371e3; |         background-color: #326ce5; | ||||||
|         text-decoration: none; |         text-decoration: none; | ||||||
|      } |      } | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -1,4 +1,4 @@ | ||||||
| $blue: #3371e3; | $blue: #326ce5; | ||||||
| $light-grey: #f7f7f7; | $light-grey: #f7f7f7; | ||||||
| $dark-grey: #303030; | $dark-grey: #303030; | ||||||
| $medium-grey: #4c4c4c; | $medium-grey: #4c4c4c; | ||||||
|  |  | ||||||
|  | @ -12,7 +12,7 @@ Add styles or override variables from the theme here. */ | ||||||
| @import "tablet"; | @import "tablet"; | ||||||
| @import "desktop"; | @import "desktop"; | ||||||
| 
 | 
 | ||||||
| $primary: #3371e3; | $primary: #326ce5; | ||||||
| 
 | 
 | ||||||
| // tooltip | // tooltip | ||||||
| $tooltip-bg: #555; | $tooltip-bg: #555; | ||||||
|  |  | ||||||
|  | @ -38,7 +38,7 @@ | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .active-tag { | .active-tag { | ||||||
|   background-color: #3371e3; |   background-color: #326ce5; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .invisible { | .invisible { | ||||||
|  |  | ||||||
|  | @ -1,7 +1,7 @@ | ||||||
| /* | /* | ||||||
| Kubernetes colors (assets/scss/_skin.scss) | Kubernetes colors (assets/scss/_skin.scss) | ||||||
| 
 | 
 | ||||||
| $blue: #3371e3; | $blue: #326ce5; | ||||||
| $light-grey: #f7f7f7; | $light-grey: #f7f7f7; | ||||||
| $dark-grey: #303030; | $dark-grey: #303030; | ||||||
| $medium-grey: #4c4c4c; | $medium-grey: #4c4c4c; | ||||||
|  | @ -18,7 +18,7 @@ body > #wrapper { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| a { | a { | ||||||
|   color: #3371e3; |   color: #326ce5; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| a:hover { | a:hover { | ||||||
|  | @ -122,7 +122,7 @@ code { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| #navigation a:hover { | #navigation a:hover { | ||||||
|   color: #3371e3; |   color: #326ce5; | ||||||
|   text-decoration: none; |   text-decoration: none; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | @ -247,7 +247,7 @@ pre { | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   body.theme-auto #navigation a:hover { |   body.theme-auto #navigation a:hover { | ||||||
|     color: #3371e3; |     color: #326ce5; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   body.theme-auto pre { |   body.theme-auto pre { | ||||||
|  | @ -256,7 +256,7 @@ pre { | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   body.theme-auto .alert a { |   body.theme-auto .alert a { | ||||||
|     color: #3371e3; |     color: #326ce5; | ||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | @ -309,7 +309,7 @@ body.theme-dark #navigation a.selected { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body.theme-dark #navigation a:hover { | body.theme-dark #navigation a:hover { | ||||||
|   color: #3371e3; |   color: #326ce5; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body.theme-dark pre { | body.theme-dark pre { | ||||||
|  | @ -318,5 +318,5 @@ body.theme-dark pre { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body.theme-dark .alert a { | body.theme-dark .alert a { | ||||||
|   color: #3371e3; |   color: #326ce5; | ||||||
| } | } | ||||||
|  |  | ||||||
|  | @ -12,7 +12,7 @@ body.cid-training body.cid-training .section { | ||||||
| 
 | 
 | ||||||
| body.cid-training section.call-to-action { | body.cid-training section.call-to-action { | ||||||
|   color: #ffffff; |   color: #ffffff; | ||||||
|   background-color: #3371e3; |   background-color: #326ce5; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body.cid-training section.call-to-action .main-section { | body.cid-training section.call-to-action .main-section { | ||||||
|  | @ -226,7 +226,7 @@ body.cid-training .button { | ||||||
|   line-height: 40px; |   line-height: 40px; | ||||||
|   color: #ffffff; |   color: #ffffff; | ||||||
|   font-size: 16px; |   font-size: 16px; | ||||||
|   background-color: #3371e3; |   background-color: #326ce5; | ||||||
|   text-decoration: none; |   text-decoration: none; | ||||||
|   text-align: center; |   text-align: center; | ||||||
| } | } | ||||||
|  | @ -254,7 +254,7 @@ body.cid-training .padded { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body.cid-training .blue-bg { | body.cid-training .blue-bg { | ||||||
|   background-color: #3371e3; |   background-color: #326ce5; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body.cid-training .lighter-gray-bg { | body.cid-training .lighter-gray-bg { | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue