Fossil SCM
Dark mode skin: style buttons consistently, regardless of their type.
Commit
4e852f85847c0bb81e3da322a693b5a4abb588936acc4ed47598ad02ff583acd
Parent
5780702fc1aae3a…
1 file changed
+28
-37
+28
-37
| --- skins/darkmode/css.txt | ||
| +++ skins/darkmode/css.txt | ||
| @@ -98,51 +98,55 @@ | ||
| 98 | 98 | } |
| 99 | 99 | .fileage tr:hover, |
| 100 | 100 | div.filetreeline:hover { |
| 101 | 101 | background-color: #333; |
| 102 | 102 | } |
| 103 | -div.file-change-line button { | |
| 103 | +div.file-change-line button{ | |
| 104 | 104 | background-color: #484848 |
| 105 | 105 | } |
| 106 | +button, | |
| 107 | +input, | |
| 108 | +optgroup, | |
| 109 | +select, | |
| 110 | +textarea { | |
| 111 | + background: inherit; | |
| 112 | + color: inherit; | |
| 113 | + font: inherit; | |
| 114 | + margin: 0 | |
| 115 | +} | |
| 106 | 116 | .button, |
| 107 | -button { | |
| 108 | - color: #aaa; | |
| 109 | - background-color: #484848; | |
| 110 | - border-radius: 5px; | |
| 111 | - border: 0 | |
| 112 | -} | |
| 113 | -.button:hover, | |
| 114 | -button:hover { | |
| 115 | - background-color: #FF4500f0; | |
| 116 | - color: rgba(24,24,24,0.8); | |
| 117 | - outline: 0 | |
| 118 | -} | |
| 117 | +button, | |
| 119 | 118 | input[type=button], |
| 120 | -input[type=reset], | |
| 121 | -input[type=submit] { | |
| 119 | +input[type=submit], | |
| 120 | +input[type=reset]{ | |
| 122 | 121 | color: #ddd; |
| 123 | 122 | background-color: #446979; |
| 123 | + border-radius: 5px; | |
| 124 | 124 | border: 0; |
| 125 | - border-radius: 5px | |
| 126 | 125 | } |
| 126 | +.button:hover, | |
| 127 | +button:hover, | |
| 127 | 128 | input[type=button]:hover, |
| 128 | -input[type=reset]:hover, | |
| 129 | -input[type=submit]:hover { | |
| 129 | +input[type=submit]:hover, | |
| 130 | +input[type=reset]:hover { | |
| 130 | 131 | background-color: #FF4500f0; |
| 131 | 132 | color: rgba(24,24,24,0.8); |
| 132 | - outline: 0 | |
| 133 | + outline: 0; | |
| 133 | 134 | } |
| 135 | +.button:disabled, | |
| 134 | 136 | button:disabled, |
| 135 | -input[type=submit]:disabled { | |
| 136 | - color: #363636; | |
| 137 | - background-color: #a0a0a0; | |
| 137 | +input[type=button]:disabled, | |
| 138 | +input[type=submit]:disabled, | |
| 139 | +input[type=reset]:disabled{ | |
| 140 | + color: #202020; | |
| 141 | + background-color: #b0b0b0; | |
| 138 | 142 | } |
| 139 | 143 | .button:focus, |
| 140 | 144 | button:focus, |
| 141 | 145 | input[type=button]:focus, |
| 142 | -input[type=reset]:focus, | |
| 143 | -input[type=submit]:focus { | |
| 146 | +input[type=submit]:focus, | |
| 147 | +input[type=reset]:focus { | |
| 144 | 148 | outline: 2px outset #333; |
| 145 | 149 | border-color: #888; |
| 146 | 150 | } |
| 147 | 151 | |
| 148 | 152 | /* All page content from the bottom of the menu or submenu down to |
| @@ -530,23 +534,10 @@ | ||
| 530 | 534 | } |
| 531 | 535 | span.snippet>mark { |
| 532 | 536 | color: white; |
| 533 | 537 | font-weight: bold; |
| 534 | 538 | } |
| 535 | -button, | |
| 536 | -input, | |
| 537 | -optgroup, | |
| 538 | -select, | |
| 539 | -textarea { | |
| 540 | - background: inherit; | |
| 541 | - color: inherit; | |
| 542 | - font: inherit; | |
| 543 | - margin: 0 | |
| 544 | -} | |
| 545 | -button { | |
| 546 | - background-color: rgba(45,45,45,0.75); | |
| 547 | -} | |
| 548 | 539 | input, textarea, select { |
| 549 | 540 | border: 1px solid rgba(127, 201, 255, 0.9); |
| 550 | 541 | padding: 1px; |
| 551 | 542 | } |
| 552 | 543 | select { |
| 553 | 544 |
| --- skins/darkmode/css.txt | |
| +++ skins/darkmode/css.txt | |
| @@ -98,51 +98,55 @@ | |
| 98 | } |
| 99 | .fileage tr:hover, |
| 100 | div.filetreeline:hover { |
| 101 | background-color: #333; |
| 102 | } |
| 103 | div.file-change-line button { |
| 104 | background-color: #484848 |
| 105 | } |
| 106 | .button, |
| 107 | button { |
| 108 | color: #aaa; |
| 109 | background-color: #484848; |
| 110 | border-radius: 5px; |
| 111 | border: 0 |
| 112 | } |
| 113 | .button:hover, |
| 114 | button:hover { |
| 115 | background-color: #FF4500f0; |
| 116 | color: rgba(24,24,24,0.8); |
| 117 | outline: 0 |
| 118 | } |
| 119 | input[type=button], |
| 120 | input[type=reset], |
| 121 | input[type=submit] { |
| 122 | color: #ddd; |
| 123 | background-color: #446979; |
| 124 | border: 0; |
| 125 | border-radius: 5px |
| 126 | } |
| 127 | input[type=button]:hover, |
| 128 | input[type=reset]:hover, |
| 129 | input[type=submit]:hover { |
| 130 | background-color: #FF4500f0; |
| 131 | color: rgba(24,24,24,0.8); |
| 132 | outline: 0 |
| 133 | } |
| 134 | button:disabled, |
| 135 | input[type=submit]:disabled { |
| 136 | color: #363636; |
| 137 | background-color: #a0a0a0; |
| 138 | } |
| 139 | .button:focus, |
| 140 | button:focus, |
| 141 | input[type=button]:focus, |
| 142 | input[type=reset]:focus, |
| 143 | input[type=submit]:focus { |
| 144 | outline: 2px outset #333; |
| 145 | border-color: #888; |
| 146 | } |
| 147 | |
| 148 | /* All page content from the bottom of the menu or submenu down to |
| @@ -530,23 +534,10 @@ | |
| 530 | } |
| 531 | span.snippet>mark { |
| 532 | color: white; |
| 533 | font-weight: bold; |
| 534 | } |
| 535 | button, |
| 536 | input, |
| 537 | optgroup, |
| 538 | select, |
| 539 | textarea { |
| 540 | background: inherit; |
| 541 | color: inherit; |
| 542 | font: inherit; |
| 543 | margin: 0 |
| 544 | } |
| 545 | button { |
| 546 | background-color: rgba(45,45,45,0.75); |
| 547 | } |
| 548 | input, textarea, select { |
| 549 | border: 1px solid rgba(127, 201, 255, 0.9); |
| 550 | padding: 1px; |
| 551 | } |
| 552 | select { |
| 553 |
| --- skins/darkmode/css.txt | |
| +++ skins/darkmode/css.txt | |
| @@ -98,51 +98,55 @@ | |
| 98 | } |
| 99 | .fileage tr:hover, |
| 100 | div.filetreeline:hover { |
| 101 | background-color: #333; |
| 102 | } |
| 103 | div.file-change-line button{ |
| 104 | background-color: #484848 |
| 105 | } |
| 106 | button, |
| 107 | input, |
| 108 | optgroup, |
| 109 | select, |
| 110 | textarea { |
| 111 | background: inherit; |
| 112 | color: inherit; |
| 113 | font: inherit; |
| 114 | margin: 0 |
| 115 | } |
| 116 | .button, |
| 117 | button, |
| 118 | input[type=button], |
| 119 | input[type=submit], |
| 120 | input[type=reset]{ |
| 121 | color: #ddd; |
| 122 | background-color: #446979; |
| 123 | border-radius: 5px; |
| 124 | border: 0; |
| 125 | } |
| 126 | .button:hover, |
| 127 | button:hover, |
| 128 | input[type=button]:hover, |
| 129 | input[type=submit]:hover, |
| 130 | input[type=reset]:hover { |
| 131 | background-color: #FF4500f0; |
| 132 | color: rgba(24,24,24,0.8); |
| 133 | outline: 0; |
| 134 | } |
| 135 | .button:disabled, |
| 136 | button:disabled, |
| 137 | input[type=button]:disabled, |
| 138 | input[type=submit]:disabled, |
| 139 | input[type=reset]:disabled{ |
| 140 | color: #202020; |
| 141 | background-color: #b0b0b0; |
| 142 | } |
| 143 | .button:focus, |
| 144 | button:focus, |
| 145 | input[type=button]:focus, |
| 146 | input[type=submit]:focus, |
| 147 | input[type=reset]:focus { |
| 148 | outline: 2px outset #333; |
| 149 | border-color: #888; |
| 150 | } |
| 151 | |
| 152 | /* All page content from the bottom of the menu or submenu down to |
| @@ -530,23 +534,10 @@ | |
| 534 | } |
| 535 | span.snippet>mark { |
| 536 | color: white; |
| 537 | font-weight: bold; |
| 538 | } |
| 539 | input, textarea, select { |
| 540 | border: 1px solid rgba(127, 201, 255, 0.9); |
| 541 | padding: 1px; |
| 542 | } |
| 543 | select { |
| 544 |