[UI] Add new themes to Organizations pages (#9892)

NuGet · May 22, 2024 · ac593cd · ac593cd
1 parent 8641e68
commit ac593cd
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/src/NuGetGallery/Views/Organizations/Add.cshtml b/src/NuGetGallery/Views/Organizations/Add.cshtml
@@ -47,24 +47,24 @@
 
                         <div class="form-group @Html.HasErrorFor(m => m.OrganizationName)" id="@organizationNameTextGroupId">
                             <span class="required">@Html.ShowLabelFor(m => m.OrganizationName)</span>
-                            @Html.ShowTextBoxFor(m => m.OrganizationName)
+                            @Html.ShowTextBoxFor(m => m.OrganizationName, customClass: "input-brand")
                             <span class="ms-font-s">This will be your organization account on <i id="@organizationNameTextId">@Url.User("{username}", relativeUrl: false)</i>.</span>
                             @Html.ShowValidationMessagesFor(m => m.OrganizationName)
                         </div>
 
                         <div class="form-group @Html.HasErrorFor(m => m.OrganizationEmailAddress)" id="@emailBoxGroupId">
                             <span class="required">@Html.ShowLabelFor(m => m.OrganizationEmailAddress)</span>
-                            @Html.ShowTextBoxFor(m => m.OrganizationEmailAddress)
+                            @Html.ShowTextBoxFor(m => m.OrganizationEmailAddress, customClass: "input-brand")
                             <span class="ms-font-s">Users can contact your organization at this email address.</span>
                             @Html.ShowValidationMessagesFor(m => m.OrganizationEmailAddress)
                         </div>
 
                         <div class="form-group row">
                             <div class="col-xs-6">
-                                <input type="submit" class="btn btn-primary form-control" value="Add" />
+                                <input type="submit" class="btn btn-brand form-control" value="Add" />
                             </div>
                             <div class="col-xs-6">
-                                <button type="button" onclick="window.location.href = '@Url.ManageMyOrganizations()'" class="btn btn-default form-control">Cancel</button>
+                                <button type="button" onclick="window.location.href = '@Url.ManageMyOrganizations()'" class="btn btn-brand-secondary form-control">Cancel</button>
                             </div>
                         </div>
                     }

diff --git a/src/NuGetGallery/Views/Organizations/DeleteAccount.cshtml b/src/NuGetGallery/Views/Organizations/DeleteAccount.cshtml
@@ -55,10 +55,10 @@
                             </p>
                             <div class="row form-group">
                                 <div class="col-sm-6">
-                                    <input type="submit" class="btn btn-primary btn-danger form-control" id="delete-organization" value="Delete organization" />
+                                    <input type="submit" class="btn btn-brand-danger form-control" id="delete-organization" value="Delete organization" />
                                 </div>
                                 <div class="col-sm-6">
-                                    <button type="button" onclick="window.location.href= '@Url.Home()'" class="btn btn-default form-control" id="cancel-delete-organization">Cancel</button>
+                                    <button type="button" onclick="window.location.href= '@Url.Home()'" class="btn btn-brand-secondary form-control" id="cancel-delete-organization">Cancel</button>
                                 </div>
                             </div>
                         }

diff --git a/src/NuGetGallery/Views/Organizations/ManageOrganization.cshtml b/src/NuGetGallery/Views/Organizations/ManageOrganization.cshtml
@@ -83,12 +83,12 @@
                     @<text>
                         <div class="row form-group">
                             <div class="col-sm-6">
-                                <button type="button" onclick="window.location.href = '@Url.DeleteOrganization(Model.AccountName)'" class="btn btn-primary form-control">
+                                <button type="button" onclick="window.location.href = '@Url.DeleteOrganization(Model.AccountName)'" class="btn btn-brand-danger form-control">
                                     Delete
                                 </button>
                             </div>
                             <div class="col-sm-6">
-                                <button type="button" class="btn btn-default form-control" id="cancel-delete-organization">
+                                <button type="button" class="btn btn-brand-secondary form-control" id="cancel-delete-organization">
                                     Cancel
                                 </button>
                             </div>

diff --git a/src/NuGetGallery/Views/Organizations/_OrganizationAccountManageMembers.cshtml b/src/NuGetGallery/Views/Organizations/_OrganizationAccountManageMembers.cshtml
@@ -40,18 +40,18 @@
                     <div class="row form-flex">
                         <div class="form-group col-sm-5">
                             <label for="new-member-textbox">Enter username to add member</label>
-                            <input id="new-member-textbox" class="form-control" placeholder="Add existing NuGet.org user" data-bind="textInput: NewMemberUsername, submit: AddMember" aria-label="Enter username to add member" />
+                            <input id="new-member-textbox" class="form-control input-brand" placeholder="Add existing NuGet.org user" data-bind="textInput: NewMemberUsername, submit: AddMember" aria-label="Enter username to add member" />
                         </div>
                         <div class="form-group col-sm-3">
                             <label for="addMemberRole">Add member role</label>
-                            <select class="form-control" data-bind="value: AddMemberRole, options: RoleNames" aria-label="Role Filter" id="addMemberRole"></select>
+                            <select class="form-control select-brand" data-bind="value: AddMemberRole, options: RoleNames" aria-label="Role Filter" id="addMemberRole"></select>
                         </div>
                         <div class="col-sm-1 btn-row">
-                            <button class="btn btn-primary" type="submit" title="Add new member" aria-label="Add new member" data-bind="click: AddMember">Add</button>
+                            <button class="btn btn-brand" type="submit" title="Add new member" aria-label="Add new member" data-bind="click: AddMember">Add</button>
                         </div>
                     </div>
                 </form>
-                <div id="add-member-success-message" class="alert alert-success" role="alert"></div>
+                <div id="add-member-success-message" class="alert alert-brand-success" role="alert"></div>
                 <div data-bind="template: 'error-container'"></div>
             }
             <div class="table-container table-responsive">
@@ -83,7 +83,7 @@
                                         @if (Model.CanManageMemberships)
                                         {
 
-                                            <select class="form-control selectRole"
+                                            <select class="form-control selectRole select-brand"
                                                     data-bind="value: SelectedRole, options: OrganizationViewModel.RoleNames, event: { change: ToggleIsAdmin }, attr: { 'aria-label': 'Role for ' + Username }">
                                             </select>
                                         }
@@ -99,7 +99,7 @@
                                     <!-- ko if: IsCurrentUser || @(Model.CanManageMemberships ? "true" : "false") -->
                                     <div>
                                         <span>
-                                            <button class="btn-link" data-bind="click: DeleteMember, attr: { 'aria-label': 'Delete Member' }">
+                                            <button class="btn-brand-danger" data-bind="click: DeleteMember, attr: { 'aria-label': 'Delete Member' }">
                                                 <i class="ms-Icon ms-Icon--Cancel" aria-hidden="true"></i>
                                             </button>
                                         </span>