Commit 6dbbe7c7fdc614a84180f17bf1dd3473687e0c21
Merge pull request #628 from gmarcos87/light-style
Light styleMatt McKegg authored on 9/22/2017, 1:59:56 AM
GitHub committed on 9/22/2017, 1:59:56 AM
Parent: 5ea7181abf0f78bdc218f29116c94ca9401f7aed
Parent: a3083ff2a03a1cb6ff031b90927b3b2208fcf37c
Files changed
| styles/light/button.mcss | changed |
| styles/light/channel-list.mcss | changed |
| styles/light/scroller.mcss | changed |
| styles/light/split-view.mcss | changed |
| styles/light/button.mcss | ||
|---|---|---|
| @@ -1,24 +1,25 @@ | ||
| 1 | 1 | button { |
| 2 | 2 | color: #5f5f5f; |
| 3 | 3 | padding: 3px 6px; |
| 4 | - background: white; | |
| 4 | + background: #ddd; | |
| 5 | 5 | border: 2px solid #DDD; |
| 6 | 6 | border-radius: 4px; |
| 7 | 7 | font-size: 130% |
| 8 | 8 | cursor: pointer |
| 9 | 9 | |
| 10 | 10 | :hover { |
| 11 | - color: black | |
| 12 | - border-color: #8B8B8B | |
| 11 | + color: #ffffff | |
| 12 | + background-color: #959EAB | |
| 13 | + border-color: #959EAB | |
| 13 | 14 | } |
| 14 | 15 | |
| 15 | 16 | :focus { |
| 16 | - outline: 1px dotted rgba(255, 255, 255, 0.45) | |
| 17 | + outline: 1px dotted #959EAB | |
| 17 | 18 | } |
| 18 | 19 | |
| 19 | 20 | :active { |
| 20 | - background-color: #DDD !important | |
| 21 | + background-color: #959EAB !important | |
| 21 | 22 | } |
| 22 | 23 | |
| 23 | 24 | [disabled] { |
| 24 | 25 | color: #999797 !important; |
| @@ -26,32 +27,38 @@ | ||
| 26 | 27 | border-color: #DDD !important; |
| 27 | 28 | } |
| 28 | 29 | |
| 29 | 30 | -add { |
| 30 | - color: #6a7e6a; | |
| 31 | - background-color: #ecfff0; | |
| 32 | - border-color: #8ba289; | |
| 31 | + color: #ffffff; | |
| 32 | + background-color: #255D24; | |
| 33 | + border-color: #255D24; | |
| 33 | 34 | } |
| 34 | 35 | |
| 35 | 36 | -pub { |
| 36 | - color: #6a7e6a; | |
| 37 | - background-color: #ecfff0; | |
| 38 | - border-color: #8ba289; | |
| 37 | + color: #ffffff | |
| 38 | + background-color: #959ea9 | |
| 39 | + border-color: #959ea9 | |
| 40 | + | |
| 41 | + :hover { | |
| 42 | + background-color: rgb(112, 184, 212) | |
| 43 | + border-color: rgb(112, 184, 212) | |
| 44 | + color: #ffffff | |
| 45 | + } | |
| 39 | 46 | } |
| 40 | 47 | |
| 41 | 48 | -save { |
| 42 | - border-color: #a7c7a6; | |
| 43 | - background-color: #eeffee; | |
| 44 | - color: #255D24; | |
| 49 | + color: #ffffff; | |
| 50 | + background-color: #70b57d; | |
| 51 | + border-color: #70b57d; | |
| 45 | 52 | |
| 46 | 53 | :active { |
| 47 | - background-color: #c6e0c5 !important | |
| 54 | + background-color: #59a066 | |
| 48 | 55 | } |
| 49 | 56 | |
| 50 | 57 | :hover { |
| 51 | - border-color: #3ac737; | |
| 52 | - background-color: #d4ffd4; | |
| 53 | - color: #21921f; | |
| 58 | + background-color: #59a066 | |
| 59 | + border-color: #59a066 | |
| 60 | + color: #ffffff; | |
| 54 | 61 | } |
| 55 | 62 | } |
| 56 | 63 | |
| 57 | 64 | -full { |
| styles/light/channel-list.mcss | ||
|---|---|---|
| @@ -20,11 +20,11 @@ | ||
| 20 | 20 | } |
| 21 | 21 | |
| 22 | 22 | -subscribed { |
| 23 | 23 | background-image: svg(subscribed) |
| 24 | - span.name { | |
| 25 | - font-weight: bold | |
| 26 | - } | |
| 24 | + border-left: 2px solid #51c067; | |
| 25 | + border-top-left-radius: 0; | |
| 26 | + border-bottom-left-radius: 0; | |
| 27 | 27 | } |
| 28 | 28 | |
| 29 | 29 | @svg subscribed { |
| 30 | 30 | width: 20px |
| styles/light/scroller.mcss | ||
|---|---|---|
| @@ -1,8 +1,8 @@ | ||
| 1 | 1 | Scroller { |
| 2 | 2 | display: flex |
| 3 | 3 | flex-direction: column |
| 4 | - | |
| 4 | + padding: 0 20px | |
| 5 | 5 | overflow: auto |
| 6 | 6 | width: 100% |
| 7 | 7 | height: 100% |
| 8 | 8 | min-height: 0px |
| styles/light/split-view.mcss | ||
|---|---|---|
| @@ -9,27 +9,26 @@ | ||
| 9 | 9 | } |
| 10 | 10 | div.side { |
| 11 | 11 | width: 280px; |
| 12 | 12 | padding: 20px; |
| 13 | - background: linear-gradient(81deg, #d6ecff, rgb(248, 253, 253)); | |
| 13 | + background: #efefef | |
| 14 | 14 | border-right: 1px solid #dcdcdc; |
| 15 | 15 | overflow-y: auto; |
| 16 | - | |
| 16 | + | |
| 17 | 17 | -right { |
| 18 | - border: none | |
| 19 | - border-left: 1px solid #dcdcdc | |
| 20 | - background: linear-gradient(100deg, #ffffff, #f9ecca); | |
| 18 | + background: #F9F8F7 | |
| 19 | + border-left: 1px solid #dcdcdc; | |
| 21 | 20 | } |
| 21 | + } | |
| 22 | 22 | |
| 23 | - h2 { | |
| 24 | - margin-top: 20px | |
| 25 | - margin-bottom: 8px | |
| 26 | - color: #527b90; | |
| 27 | - text-shadow: 0px 0px 3px #fff; | |
| 28 | - font-weight: normal; | |
| 29 | - span.sub { | |
| 30 | - font-weight: normal | |
| 31 | - font-size: 90% | |
| 32 | - } | |
| 23 | + div.side h2 { | |
| 24 | + margin-top: 20px | |
| 25 | + margin-bottom: 8px | |
| 26 | + color: #527b90; | |
| 27 | + text-shadow: 0px 0px 3px #fff; | |
| 28 | + font-weight: normal; | |
| 29 | + span.sub { | |
| 30 | + font-weight: normal | |
| 31 | + font-size: 90% | |
| 33 | 32 | } |
| 34 | 33 | } |
| 35 | 34 | } |
Built with git-ssb-web