diff options
| author | silverwind <me@silverwind.io> | 2023-09-19 00:05:31 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-18 22:05:31 +0000 |
| commit | 8099238618f6573f1eb5cfeeb0902b641e7121ab (patch) | |
| tree | 34b6425a3838f52d56c052f10eb2b2328c680c37 /templates/devtest | |
| parent | e644cc9448a9271bba9789507dcef0984ac02d7f (diff) | |
| download | gitea-8099238618f6573f1eb5cfeeb0902b641e7121ab.tar.gz gitea-8099238618f6573f1eb5cfeeb0902b641e7121ab.zip | |
Change green buttons to primary color (#27099)
I think it's better if the primary actions have primary color instead of
green which fits better into the overall single-color UI design. This PR
currently replaces every green button with primary:
<img width="141" alt="Screenshot 2023-09-16 at 14 07 59"
src="https://github.com/go-gitea/gitea/assets/115237/843c1e50-4fb2-4ec6-84ba-0efb9472dcbe">
<img width="161" alt="Screenshot 2023-09-16 at 14 07 51"
src="https://github.com/go-gitea/gitea/assets/115237/9442195a-a3b2-4a42-b262-8377d6f5c0d1">
Modal actions now use uncolored/primary instead of previous green/red
colors. I also removed the box-shadow on all basic buttons:
<img width="259" alt="Screenshot 2023-09-16 at 14 16 39"
src="https://github.com/go-gitea/gitea/assets/115237/5beea529-127a-44b0-8d4c-afa7b034a490">
<img width="261" alt="Screenshot 2023-09-16 at 14 17 42"
src="https://github.com/go-gitea/gitea/assets/115237/4757f7b2-4d46-49bc-a797-38bb28437b88">
The change currently includes the "Merge PR" button, for which we might
want to make an exception to match the icon color there:
<img width="442" alt="Screenshot 2023-09-16 at 14 33 53"
src="https://github.com/go-gitea/gitea/assets/115237/993ac1a5-c94d-4895-b76c-0d872181a70b">
Diffstat (limited to 'templates/devtest')
| -rw-r--r-- | templates/devtest/flex-list.tmpl | 4 | ||||
| -rw-r--r-- | templates/devtest/gitea-ui.tmpl | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/templates/devtest/flex-list.tmpl b/templates/devtest/flex-list.tmpl index 80cd22440d..bbcbc4e816 100644 --- a/templates/devtest/flex-list.tmpl +++ b/templates/devtest/flex-list.tmpl @@ -27,10 +27,10 @@ <button class="ui tiny red button"> {{svg "octicon-warning" 14}} CJK文本测试 </button> - <button class="ui tiny green button"> + <button class="ui tiny primary button"> {{svg "octicon-info" 14}} Button </button> - <button class="ui tiny green button"> + <button class="ui tiny primary button"> Button with long text </button> </div> diff --git a/templates/devtest/gitea-ui.tmpl b/templates/devtest/gitea-ui.tmpl index b3b68c4dba..258b72f8cd 100644 --- a/templates/devtest/gitea-ui.tmpl +++ b/templates/devtest/gitea-ui.tmpl @@ -31,8 +31,8 @@ <h2>Recommended colors:</h2> <button class="ui red button">Red</button> <button class="ui basic red button">Basic Red</button> - <button class="ui green button">Green</button> - <button class="ui basic green button">Basic Green</button> + <button class="ui primary button">Green</button> + <button class="ui basic primary button">Basic Green</button> <button class="ui blue button">Blue</button> <button class="ui basic blue button">Basic Blue</button> <button class="ui orange button">Orange</button> |