1
1
mirror of https://github.com/go-gitea/gitea synced 2025-07-22 18:28:37 +00:00

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">
This commit is contained in:
silverwind
2023-09-19 00:05:31 +02:00
committed by GitHub
parent e644cc9448
commit 8099238618
108 changed files with 183 additions and 176 deletions

View File

@@ -24,7 +24,7 @@
</div>
<div class="field">
<button class="ui green button">{{$.locale.Tr "settings.change_password"}}</button>
<button class="ui primary button">{{$.locale.Tr "settings.change_password"}}</button>
<a href="{{AppSubUrl}}/user/forgot_password?email={{.Email}}">{{.locale.Tr "auth.forgot_password"}}</a>
</div>
</form>
@@ -58,7 +58,7 @@
<div data-value="disabled" class="{{if eq .EmailNotificationsPreference "disabled"}}active selected {{end}}item">{{$.locale.Tr "settings.email_notifications.disable"}}</div>
</div>
</div>
<button class="ui green button">{{$.locale.Tr "settings.email_notifications.submit"}}</button>
<button class="ui primary button">{{$.locale.Tr "settings.email_notifications.submit"}}</button>
</div>
</form>
</div>
@@ -118,7 +118,7 @@
<label for="email">{{.locale.Tr "settings.add_new_email"}}</label>
<input id="email" name="email" type="email" required {{if not .CanAddEmails}}disabled{{end}}>
</div>
<button class="ui green button" {{if not .CanAddEmails}}disabled{{end}}>
<button class="ui primary button" {{if not .CanAddEmails}}disabled{{end}}>
{{.locale.Tr "settings.add_email"}}
</button>
</form>

View File

@@ -35,7 +35,7 @@
</div>
<div class="field">
<button class="ui green button">{{$.locale.Tr "settings.update_theme"}}</button>
<button class="ui primary button">{{$.locale.Tr "settings.update_theme"}}</button>
</div>
</form>
</div>
@@ -61,7 +61,7 @@
</div>
</div>
<div class="field">
<button class="ui green button">{{$.locale.Tr "settings.update_language"}}</button>
<button class="ui primary button">{{$.locale.Tr "settings.update_language"}}</button>
</div>
</form>
</div>
@@ -162,7 +162,7 @@
</div>
</div>
<div class="field">
<button class="ui green button">{{$.locale.Tr "save"}}</button>
<button class="ui primary button">{{$.locale.Tr "save"}}</button>
</div>
</form>
</div>

View File

@@ -86,7 +86,7 @@
></scoped-access-token-selector>
</div>
</details>
<button id="scoped-access-submit" class="ui green button">
<button id="scoped-access-submit" class="ui primary button">
{{.locale.Tr "settings.generate_token"}}
</button>
</form>{{/* Fomantic ".ui.form .warning.message" is hidden by default, so put the warning message out of the form*/}}

View File

@@ -45,7 +45,7 @@
<label>{{.locale.Tr "settings.oauth2_confidential_client"}}</label>
<input type="checkbox" name="confidential_client" {{if .App.ConfidentialClient}}checked{{end}}>
</div>
<button class="ui green button">
<button class="ui primary button">
{{.locale.Tr "settings.save_application"}}
</button>
</form>

View File

@@ -65,7 +65,7 @@
<label>{{.locale.Tr "settings.oauth2_confidential_client"}}</label>
<input type="checkbox" name="confidential_client" checked>
</div>
<button class="ui green button">
<button class="ui primary button">
{{.locale.Tr "settings.create_oauth2_application_button"}}
</button>
</form>

View File

@@ -31,7 +31,7 @@
</div>
{{end}}
<input name="type" type="hidden" value="gpg">
<button class="ui green button">
<button class="ui primary button">
{{.locale.Tr "settings.add_key"}}
</button>
<button class="ui hide-panel button" data-panel="#add-gpg-key-panel">
@@ -99,7 +99,7 @@
<textarea id="gpg-key-signature" name="signature" placeholder="{{$.locale.Tr "settings.key_signature_gpg_placeholder"}}" required>{{$.signature}}</textarea>
</div>
<input name="type" type="hidden" value="verify_gpg">
<button class="ui green button">
<button class="ui primary button">
{{$.locale.Tr "settings.gpg_key_verify"}}
</button>
<a class="ui red button" href="{{$.Link}}">

View File

@@ -49,7 +49,7 @@
</div>
<input name="title" type="hidden" value="principal">
<input name="type" type="hidden" value="principal">
<button class="ui green button">
<button class="ui primary button">
{{.locale.Tr "settings.add_new_principal"}}
</button>
</form>

View File

@@ -19,7 +19,7 @@
<textarea id="ssh-key-content" name="content" class="js-quick-submit" placeholder="{{.locale.Tr "settings.key_content_ssh_placeholder"}}" required>{{.content}}</textarea>
</div>
<input name="type" type="hidden" value="ssh">
<button class="ui green button">
<button class="ui primary button">
{{.locale.Tr "settings.add_key"}}
</button>
<button id="cancel-ssh-button" class="ui hide-panel button" data-panel="#add-ssh-key-panel">
@@ -87,7 +87,7 @@
<textarea id="ssh-key-signature" name="signature" class="js-quick-submit" placeholder="{{$.locale.Tr "settings.key_signature_ssh_placeholder"}}" required>{{$.signature}}</textarea>
</div>
<input name="type" type="hidden" value="verify_ssh">
<button class="ui green button">
<button class="ui primary button">
{{$.locale.Tr "settings.ssh_key_verify"}}
</button>
<a class="ui red button" href="{{$.Link}}">

View File

@@ -13,7 +13,7 @@
</div>
<form class="field" action="{{.Link}}/chef/regenerate_keypair" method="post">
{{.CsrfTokenHtml}}
<button class="ui green button">{{$.locale.Tr "packages.owner.settings.chef.keypair"}}</button>
<button class="ui primary button">{{$.locale.Tr "packages.owner.settings.chef.keypair"}}</button>
</form>
<div class="field">
<label>{{.locale.Tr "packages.registry.documentation" "Chef" "https://docs.gitea.com/usage/packages/chef/" | Safe}}</label>

View File

@@ -88,7 +88,7 @@
<div class="divider"></div>
<div class="field">
<button class="ui green button">{{$.locale.Tr "settings.update_profile"}}</button>
<button class="ui primary button">{{$.locale.Tr "settings.update_profile"}}</button>
</div>
</form>
</div>
@@ -125,7 +125,7 @@
</div>
<div class="field">
<button class="ui green button">{{$.locale.Tr "settings.update_avatar"}}</button>
<button class="ui primary button">{{$.locale.Tr "settings.update_avatar"}}</button>
<button class="ui red button link-action" data-url="{{.Link}}/avatar/delete">{{$.locale.Tr "settings.delete_current_avatar"}}</button>
</div>
</form>

View File

@@ -34,7 +34,7 @@
<span class="name gt-dib gt-pt-3">{{$.ContextUser.Name}}/{{$dir}}</span>
<div class="gt-float-right">
{{if $.allowAdopt}}
<button class="ui button green show-modal gt-p-3" data-modal="#adopt-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-plus"}}</span><span class="label">{{$.locale.Tr "repo.adopt_preexisting_label"}}</span></button>
<button class="ui button primary show-modal gt-p-3" data-modal="#adopt-unadopted-modal-{{$dirI}}"><span class="icon">{{svg "octicon-plus"}}</span><span class="label">{{$.locale.Tr "repo.adopt_preexisting_label"}}</span></button>
<div class="ui g-modal-confirm modal" id="adopt-unadopted-modal-{{$dirI}}">
<div class="header">
<span class="label">{{$.locale.Tr "repo.adopt_preexisting"}}</span>

View File

@@ -45,7 +45,7 @@
<label for="openid">{{.locale.Tr "settings.add_new_openid"}}</label>
<input id="openid" name="openid" type="text" required>
</div>
<button class="ui green button">
<button class="ui primary button">
{{.locale.Tr "settings.add_openid"}}
</button>
</form>

View File

@@ -18,7 +18,7 @@
{{else}}
<p>{{.locale.Tr "settings.twofa_not_enrolled"}}</p>
<div class="inline field">
<a class="ui green button" href="{{AppSubUrl}}/user/settings/security/two_factor/enroll">{{$.locale.Tr "settings.twofa_enroll"}}</a>
<a class="ui primary button" href="{{AppSubUrl}}/user/settings/security/two_factor/enroll">{{$.locale.Tr "settings.twofa_enroll"}}</a>
</div>
{{end}}

View File

@@ -16,7 +16,7 @@
</div>
<div class="inline field">
<label></label>
<button class="ui green button">{{.locale.Tr "auth.verify"}}</button>
<button class="ui primary button">{{.locale.Tr "auth.verify"}}</button>
</div>
</form>
</div>

View File

@@ -25,7 +25,7 @@
<label for="nickname">{{.locale.Tr "settings.webauthn_nickname"}}</label>
<input id="nickname" name="nickname" type="text" required>
</div>
<button id="register-webauthn" class="ui green button">{{svg "octicon-key"}} {{.locale.Tr "settings.webauthn_register_key"}}</button>
<button id="register-webauthn" class="ui primary button">{{svg "octicon-key"}} {{.locale.Tr "settings.webauthn_register_key"}}</button>
</div>
<div class="ui g-modal-confirm delete modal" id="delete-registration">
<div class="header">