Commit c4244c04337f0207e8175cfc469fe92e18dc16ba
add a color complementary colour scheme!
mix irving committed on 4/15/2017, 7:02:10 AMParent: 89f1ce036571ba33a64efc260a594fbc8b43ba39
Files changed
| styles/button.mcss | changed |
| styles/loading.mcss | changed |
| styles/message.mcss | changed |
| styles/profile-list.mcss | changed |
| styles/split-view.mcss | changed |
| styles/button.mcss | ||
|---|---|---|
| @@ -26,11 +26,11 @@ | ||
| 26 | 26 … | border-color: #DDD !important; |
| 27 | 27 … | } |
| 28 | 28 … | |
| 29 | 29 … | -pub { |
| 30 | - color: #6a7e6a; | |
| 31 | - background-color: #ecfff0; | |
| 32 | - border-color: #8ba289; | |
| 30 … | + color: #fff; | |
| 31 … | + background-color: #dc816f | |
| 32 … | + border: none | |
| 33 | 33 … | } |
| 34 | 34 … | |
| 35 | 35 … | -save { |
| 36 | 36 … | border-color: #a7c7a6; |
| styles/loading.mcss | ||
|---|---|---|
| @@ -29,9 +29,9 @@ | ||
| 29 | 29 … | height: 100px |
| 30 | 30 … | width: 100px |
| 31 | 31 … | } |
| 32 | 32 … | ::after { |
| 33 | - color: #CCC; | |
| 33 … | + color: #ae6051; | |
| 34 | 34 … | content: 'Loading...' |
| 35 | 35 … | font-size: 200% |
| 36 | 36 … | } |
| 37 | 37 … | } |
| @@ -53,9 +53,9 @@ | ||
| 53 | 53 … | height: 30px |
| 54 | 54 … | content: "<circle cx='15' cy='15' r='10' /><circle cx='10' cy='10' r='2' /><circle cx='20' cy='20' r='3' />" |
| 55 | 55 … | |
| 56 | 56 … | circle { |
| 57 | - stroke: #CCC | |
| 57 … | + stroke: #ae6051 | |
| 58 | 58 … | stroke-width: 3px |
| 59 | 59 … | fill: none |
| 60 | 60 … | } |
| 61 | 61 … | } |
| styles/message.mcss | ||
|---|---|---|
| @@ -133,9 +133,9 @@ | ||
| 133 | 133 … | } |
| 134 | 134 … | |
| 135 | 135 … | span.likes { |
| 136 | 136 … | color: #ffffff; |
| 137 | - background: #859c88 | |
| 137 … | + background: #7ac3d1 | |
| 138 | 138 … | padding: 5px 8px; |
| 139 | 139 … | border-radius: 0 |
| 140 | 140 … | display: inline-block; |
| 141 | 141 … | vertical-align: top; |
| styles/profile-list.mcss | ||
|---|---|---|
| @@ -23,15 +23,15 @@ | ||
| 23 | 23 … | |
| 24 | 24 … | @svg connected { |
| 25 | 25 … | width: 20px |
| 26 | 26 … | height: 12px |
| 27 | - content: "<circle cx='6' stroke='none' fill='green' cy='6' r='5' />" | |
| 27 … | + content: "<circle cx='6' stroke='none' fill='#00d5ff' cy='6' r='5' />" | |
| 28 | 28 … | } |
| 29 | 29 … | |
| 30 | 30 … | @svg following { |
| 31 | 31 … | width: 20px |
| 32 | 32 … | height: 12px |
| 33 | - content: "<circle cx='6' stroke='#888' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#888'/>" | |
| 33 … | + content: "<circle cx='6' stroke='#888' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#00d5ff'/>" | |
| 34 | 34 … | } |
| 35 | 35 … | |
| 36 | 36 … | :hover { |
| 37 | 37 … | background-color: rgba(255, 255, 255, 0.4); |
| styles/split-view.mcss | |||
|---|---|---|---|
| @@ -5,13 +5,14 @@ | |||
| 5 | 5 … | display: flex | |
| 6 | 6 … | flex-direction: column | |
| 7 | 7 … | flex: 1 | |
| 8 | 8 … | overflow-y: auto | |
| 9 … | + background-color: #c7dce0; | ||
| 9 | 10 … | } | |
| 10 | 11 … | div.side { | |
| 11 | 12 … | width: 280px; | |
| 12 | 13 … | padding: 20px; | |
| 13 | - background: #d2f0ff | ||
| 14 … | + background: #7ac3d1 | ||
| 14 | 15 … | border-right: 1px solid #dcdcdc; | |
| 15 | 16 … | overflow-y: auto; | |
| 16 | 17 … | ||
| 17 | 18 … | -right { | |
| @@ -22,10 +23,10 @@ | |||
| 22 | 23 … | ||
| 23 | 24 … | h2 { | |
| 24 | 25 … | margin-top: 20px | |
| 25 | 26 … | margin-bottom: 8px | |
| 26 | - color: #527b90; | ||
| 27 | - text-shadow: 0px 0px 3px #fff; | ||
| 27 … | + color: #fff; | ||
| 28 … | + text-shadow: 0px 0px 3px ##3baec4; | ||
| 28 | 29 … | font-weight: normal; | |
| 29 | 30 … | span.sub { | |
| 30 | 31 … | font-weight: normal | |
| 31 | 32 … | font-size: 90% | |
Built with git-ssb-web