settings: Rename grey-box to settings-highlight-box.

Having the class named after a color limited to things we can do with
the class + does not signify what the class is for in terms of it's use.

Name decided at
https://chat.zulip.org/#narrow/channel/101-design/topic/grey-box.20dark.20theme.20color.2E/near/2272404
This commit is contained in:
Shubham Padia
2025-10-07 06:07:18 +00:00
committed by Tim Abbott
parent da0fa1349c
commit 9b1b52ec8a
6 changed files with 6 additions and 6 deletions

View File

@@ -428,7 +428,7 @@ input.settings_text_input {
}
}
.grey-box {
.settings-highlight-box {
margin: 0;
padding: 5px 10px;
background-color: var(--color-background-modal-bar);

View File

@@ -907,7 +907,7 @@ input[type="checkbox"] {
}
}
.grey-box .wrapper {
.settings-highlight-box .wrapper {
margin: 10px 0;
}

View File

@@ -29,7 +29,7 @@
{{#if is_admin}}
<form class="admin-linkifier-form">
<div class="add-new-linkifier-box grey-box">
<div class="add-new-linkifier-box settings-highlight-box">
<div class="new-linkifier-form wrapper">
<div class="settings-section-title new-linkifier-section-title">
{{t "Add a new linkifier" }}

View File

@@ -35,7 +35,7 @@
{{#if is_admin}}
<form class="admin-playground-form">
<div class="add-new-playground-box grey-box">
<div class="add-new-playground-box settings-highlight-box">
<div class="new-playground-form wrapper">
<div class="settings-section-title">
{{t "Add a new code playground" }}

View File

@@ -6,7 +6,7 @@
<div class="input-group">
<label class="settings-field-label">{{t "Emoji theme" }}</label>
<div class="emojiset_choices grey-box prop-element" id="{{prefix}}emojiset" data-setting-widget-type="radio-group" data-setting-choice-type="string">
<div class="emojiset_choices settings-highlight-box prop-element" id="{{prefix}}emojiset" data-setting-widget-type="radio-group" data-setting-choice-type="string">
{{#each settings_object.emojiset_choices}}
<label class="preferences-radio-choice-label">
<span class="radio-choice-controls">

View File

@@ -6,7 +6,7 @@
<div class="input-group">
<label class="settings-field-label">{{t "User list style" }}</label>
<div class="user_list_style_values grey-box prop-element" id="{{prefix}}user_list_style" data-setting-widget-type="radio-group" data-setting-choice-type="number">
<div class="user_list_style_values settings-highlight-box prop-element" id="{{prefix}}user_list_style" data-setting-widget-type="radio-group" data-setting-choice-type="number">
{{#each user_list_style_values}}
<label class="preferences-radio-choice-label">
<span class="radio-choice-controls">