mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

MM-63950 replace --denim- variables (#30925)

Просмотр исходного кода
Этот коммит содержится в:
Matthew Birtch
2025-05-27 07:55:37 -04:00
коммит произвёл GitHub
родитель fbf105f6ef
Коммит b6401d9042
39 изменённых файлов: 104 добавлений и 110 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

13
webapp/channels/.stylelintrc.json
Просмотреть файл

@@ -23,6 +23,19 @@
"ignore": ["comments"]
}
],
"declaration-property-value-disallowed-list": [
{
"color": ["/--denim-button-bg/"],
"background-color": ["/--denim-button-bg/"],
"border-color": ["/--denim-button-bg/"],
"background": ["/--denim-button-bg/"],
"border": ["/--denim-button-bg/"],
"fill": ["/--denim-button-bg/"]
},
{
"message": "The --denim-button-bg and --denim-button-bg-rgb variables are deprecated. Please use --button-bg or --button-bg-rgb instead."
}
],
"scss/load-no-partial-leading-underscore": null,
"scss/at-extend-no-missing-placeholder": null
}

8
webapp/channels/src/components/admin_console/__snapshots__/custom_enable_disable_guest_accounts_setting.test.tsx.snap
Просмотреть файл

@@ -16,7 +16,7 @@ exports[`components/AdminConsole/CustomEnableDisableGuestAccountsSetting renders
class="col-sm-8"
>
<label
class="Label-eIDBis glIJuw"
class="Label-eIDBis ggzVFA"
>
<input
data-testid="MySettingtrue"
@@ -28,7 +28,7 @@ exports[`components/AdminConsole/CustomEnableDisableGuestAccountsSetting renders
True
</label>
<label
class="Label-eIDBis glIJuw"
class="Label-eIDBis ggzVFA"
>
<input
checked=""
@@ -73,7 +73,7 @@ exports[`components/AdminConsole/CustomEnableDisableGuestAccountsSetting renders
class="col-sm-8"
>
<label
class="Label-eIDBis glIJuw"
class="Label-eIDBis ggzVFA"
>
<input
checked=""
@@ -86,7 +86,7 @@ exports[`components/AdminConsole/CustomEnableDisableGuestAccountsSetting renders
True
</label>
<label
class="Label-eIDBis glIJuw"
class="Label-eIDBis ggzVFA"
>
<input
data-testid="MySettingfalse"

4
webapp/channels/src/components/admin_console/billing/billing_subscriptions/limits.scss
Просмотреть файл

@@ -54,8 +54,8 @@
}
&.btn-secondary {
background: rgba(var(--denim-button-bg-rgb), 0.08);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
}
}

4
webapp/channels/src/components/admin_console/billing/plan_details/plan_details.scss
Просмотреть файл

@@ -51,8 +51,8 @@
}
&.btn-secondary {
background: rgba(var(--denim-button-bg-rgb), 0.08);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
}
}
}

4
webapp/channels/src/components/admin_console/boolean_setting.tsx
Просмотреть файл

@@ -47,7 +47,7 @@ const Label = styled.label<{isDisabled: boolean}>`
place-content: center;
&:checked {
border-color: var(--denim-button-bg);
border-color: var(--button-bg);
}
&:checked::before {
@@ -58,7 +58,7 @@ const Label = styled.label<{isDisabled: boolean}>`
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--denim-button-bg);
background: var(--button-bg);
content: "";
transform: scale(0);
transform-origin: center center;

2
webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.scss
Просмотреть файл

@@ -102,7 +102,7 @@
border: none;
border-radius: 4px;
margin-left: 8px;
background: var(--denim-status-do-not-disturb, #d24b4e);
background: var(--do-not-disturb-indicator, #d24b4e);
color: var(--button-color, #fff);
}
}

2
webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.scss
Просмотреть файл

@@ -158,7 +158,7 @@
border: none;
border-radius: 4px;
margin-left: 8px;
background: var(--denim-status-do-not-disturb, #d24b4e);
background: var(--do-not-disturb-indicator, #d24b4e);
color: var(--button-color, #fff);
}
}

4
webapp/channels/src/components/admin_console/secure_connections/secure_connection_detail.tsx
Просмотреть файл

@@ -393,10 +393,10 @@ const TabsWrapper = styled.div`
}
&.active {
border-bottom: 2px solid var(--denim-button-bg);
border-bottom: 2px solid var(--button-bg);
a {
color: var(--denim-button-bg);
color: var(--button-bg);
}
}

4
webapp/channels/src/components/admin_console/server_logs/log_list.scss
Просмотреть файл

@@ -17,10 +17,10 @@
}
.btn-inverted {
border: 2px solid var(--denim-button-bg);
border: 2px solid var(--button-bg);
border-radius: 4px;
background: transparent;
color: var(--denim-button-bg);
color: var(--button-bg);
font-weight: bold;
line-height: 12px;
}

4
webapp/channels/src/components/alert_banner/alert_banner.scss
Просмотреть файл

@@ -61,7 +61,7 @@
padding: 10px 16px;
border: none;
border-radius: 4px;
background: var(--denim-button-bg);
background: var(--button-bg);
color: white;
font-size: 12px;
font-weight: 600;
@@ -126,7 +126,7 @@
background: rgba(var(--online-indicator-rgb), 0.08);
.AlertBanner__icon {
color: var(--denim-status-online);
color: var(--online-indicator);
}
}

2
webapp/channels/src/components/channel_info_rhs/top_buttons.tsx
Просмотреть файл

@@ -67,7 +67,7 @@ const CopyButton = styled(Button)`
}
&.success {
background: var(--denim-status-online);
background: var(--online-indicator);
color: var(--button-color);
& i {

2
webapp/channels/src/components/common/circular_chart/circular_chart.scss
Просмотреть файл

@@ -8,7 +8,7 @@
}
&.success .circle {
stroke: var(--denim-status-online);
stroke: var(--online-indicator);
}
&.info .circle {

4
webapp/channels/src/components/common/svg_images_components/shield_with_checkmark.tsx
Просмотреть файл

@@ -179,13 +179,13 @@ const Svg = (props: SvgProps) => (
fillRule='evenodd'
clipRule='evenodd'
d='M85.5012 85.3311H117.176C118.642 85.3311 119.826 86.51 119.826 87.9712V99.6265C119.826 109.578 115.362 117.647 105.388 117.647H97.2901C87.3156 117.647 82.8516 109.578 82.8516 99.6265V87.9712C82.8516 86.5149 84.0402 85.3311 85.5012 85.3311ZM100.757 92.1353H99.3511V95.4386V101.25L101.216 103.115L99.3511 104.98V107.443H104.454V97.2944L103.028 95.8686L104.454 94.4429V92.1353H100.757Z'
fill='var(--denim-button-bg)'
fill='var(--button-bg)'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M110.061 80.4107V85.3905C110.061 85.4206 110.062 85.4503 110.064 85.4795H114.524C114.527 85.4503 114.528 85.4206 114.528 85.3905V80.4107C114.528 72.9522 109.644 66.8818 102.461 66.8818H99.4189C92.2356 66.8818 87.3516 72.9522 87.3516 80.4107V85.3905C87.3516 85.4206 87.3527 85.4503 87.3549 85.4795H91.8069C91.8091 85.4503 91.8102 85.4206 91.8102 85.3905V80.4107C91.8102 75.3359 94.9858 71.471 98.7523 71.471H103.118C107.136 71.471 110.061 75.3359 110.061 80.4107Z'
fill='var(--denim-button-bg)'
fill='var(--button-bg)'
/>
<path
d='M111 23.25C111 23.25 124.759 37.6944 153 42.75'

22
webapp/channels/src/components/global_header/right_controls/plan_upgrade_button/index.tsx
Просмотреть файл

@@ -4,7 +4,6 @@
import React, {useEffect} from 'react';
import {useIntl} from 'react-intl';
import {useDispatch, useSelector} from 'react-redux';
import styled from 'styled-components';
import {getCloudProducts, getCloudSubscription} from 'mattermost-redux/actions/cloud';
import {getCloudSubscription as selectCloudSubscription, getSubscriptionProduct as selectSubscriptionProduct, isCurrentLicenseCloud} from 'mattermost-redux/selectors/entities/cloud';
@@ -17,22 +16,6 @@ import WithTooltip from 'components/with_tooltip';
import {CloudProducts} from 'utils/constants';
const UpgradeButton = styled.button`
background: var(--denim-button-bg);
border-radius: 4px;
border: none;
box-shadow: none;
height: 24px;
width: auto;
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 11px !important;
line-height: 10px;
letter-spacing: 0.02em;
color: var(--button-color);
`;
let openPricingModal: (telemetryProps?: TelemetryProps) => void;
const PlanUpgradeButton = (): JSX.Element | null => {
@@ -86,13 +69,14 @@ const PlanUpgradeButton = (): JSX.Element | null => {
<WithTooltip
title={formatMessage({id: 'pricing_modal.btn.tooltip', defaultMessage: 'Only visible to system admins'})}
>
<UpgradeButton
<button
id='UpgradeButton'
aria-haspopup='dialog'
onClick={() => openPricingModal({trackingLocation: 'global_header_plan_upgrade_button'})}
className='btn btn-primary btn-xs'
>
{formatMessage({id: 'pricing_modal.btn.viewPlans', defaultMessage: 'View plans'})}
</UpgradeButton>
</button>
</WithTooltip>);
};

16
webapp/channels/src/components/global_header/right_controls/plan_upgrade_button/plan_upgrade_button.test.tsx
Просмотреть файл

@@ -70,7 +70,7 @@ describe('components/global/PlanUpgradeButton', () => {
expect(cloudSubscriptionSpy).toHaveBeenCalledTimes(1);
expect(cloudProductsSpy).toHaveBeenCalledTimes(1);
expect(wrapper.find('UpgradeButton').exists()).toEqual(true);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(true);
});
it('should show Upgrade button in global header for admin users, cloud and enterprise trial subscription', () => {
@@ -100,7 +100,7 @@ describe('components/global/PlanUpgradeButton', () => {
</reactRedux.Provider>,
);
expect(wrapper.find('UpgradeButton').exists()).toEqual(true);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(true);
});
it('should not show for cloud enterprise non-trial', () => {
@@ -130,7 +130,7 @@ describe('components/global/PlanUpgradeButton', () => {
</reactRedux.Provider>,
);
expect(wrapper.find('UpgradeButton').exists()).toEqual(false);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(false);
});
it('should not show for cloud professional product', () => {
@@ -160,7 +160,7 @@ describe('components/global/PlanUpgradeButton', () => {
</reactRedux.Provider>,
);
expect(wrapper.find('UpgradeButton').exists()).toEqual(false);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(false);
});
it('should not show Upgrade button in global header for non admin cloud users', () => {
@@ -183,7 +183,7 @@ describe('components/global/PlanUpgradeButton', () => {
</reactRedux.Provider>,
);
expect(wrapper.find('UpgradeButton').exists()).toEqual(false);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(false);
});
it('should not show Upgrade button in global header for non admin self hosted users', () => {
@@ -210,7 +210,7 @@ describe('components/global/PlanUpgradeButton', () => {
</reactRedux.Provider>,
);
expect(wrapper.find('UpgradeButton').exists()).toEqual(false);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(false);
});
it('should not show Upgrade button in global header for non enterprise edition self hosted users', () => {
@@ -242,7 +242,7 @@ describe('components/global/PlanUpgradeButton', () => {
</reactRedux.Provider>,
);
expect(wrapper.find('UpgradeButton').exists()).toEqual(false);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(false);
});
it('should NOT show Upgrade button in global header for self hosted non trial and licensed', () => {
@@ -269,6 +269,6 @@ describe('components/global/PlanUpgradeButton', () => {
expect(cloudSubscriptionSpy).toHaveBeenCalledTimes(0); // no calls to cloud endpoints for non cloud
expect(cloudProductsSpy).toHaveBeenCalledTimes(0);
expect(wrapper.find('UpgradeButton').exists()).toEqual(false);
expect(wrapper.find('#UpgradeButton').exists()).toEqual(false);
});
});

6
webapp/channels/src/components/invitation_modal/invite_as.scss
Просмотреть файл

@@ -44,10 +44,10 @@
height: 24px;
align-items: center;
padding: 0 12px;
border: 1px solid rgba(var(--denim-button-bg-rgb), 0.08);
border: 1px solid rgba(var(--button-bg-rgb), 0.08);
border-radius: 20px;
background: rgba(var(--denim-button-bg-rgb), 0.04);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.04);
color: var(--button-bg);
.RestrictedIndicator__icon-tooltip-container {
padding: 0;

2
webapp/channels/src/components/notify_admin_cta/notify_admin_cta.tsx
Просмотреть файл

@@ -21,7 +21,7 @@ const Span = styled.span`
const Button = styled.button<{notified: boolean}>`
border: none;
background: none;
color: ${(props: any) => (props.notified ? 'var(--denim-status-online)' : 'var(--denim-button-bg)')};
color: ${(props: any) => (props.notified ? 'var(--online-indicator)' : 'var(--button-bg)')};
text-decoration: none;
display: inline;
`;

2
webapp/channels/src/components/onboarding_tasklist/onboarding_tasklist_animations.tsx
Просмотреть файл

@@ -20,7 +20,7 @@ const Animation = styled.div`
&:before {
content: '';
background-color: var(--denim-status-online);
background-color: var(--online-indicator);
opacity: 0;
border-radius: 50%;
width: 1rem;

2
webapp/channels/src/components/onboarding_tasklist/onboarding_tasklist_task.tsx
Просмотреть файл

@@ -37,7 +37,7 @@ const StyledTask = styled.div`
}
&.completed {
color: var(--denim-status-online);
color: var(--online-indicator);
span {
span {

4
webapp/channels/src/components/plugin_marketplace/marketplace_modal.scss
Просмотреть файл

@@ -76,10 +76,10 @@
}
&.active {
border-bottom: 2px solid var(--denim-button-bg);
border-bottom: 2px solid var(--button-bg);
a {
color: var(--denim-button-bg);
color: var(--button-bg);
}
}

2
webapp/channels/src/components/plugin_marketplace/web_marketplace_banner.tsx
Просмотреть файл

@@ -46,7 +46,7 @@ const ExternalBannerLink = styled(ExternalLink)`
&&,
&&:hover,
&&:focus {
color: var(--denim-center-channel-bg, #FFF);
color: var(--center-channel-bg, #FFF);
text-decoration: none;
}
&& {

2
webapp/channels/src/components/pricing_modal/contact_sales_cta.tsx
Просмотреть файл

@@ -15,7 +15,7 @@ import useOpenSalesLink from 'components/common/hooks/useOpenSalesLink';
import {TELEMETRY_CATEGORIES} from 'utils/constants';
const StyledA = styled.a`
color: var(--denim-button-bg);
color: var(--button-bg);
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;

2
webapp/channels/src/components/pricing_modal/content.scss
Просмотреть файл

@@ -24,7 +24,7 @@
flex: 1;
margin: 0;
margin-right: 12px;
color: var(--denim-status-online);
color: var(--online-indicator);
font-family: 'Metropolis';
font-size: 14px;
font-style: normal;

6
webapp/channels/src/components/pricing_modal/content.tsx
Просмотреть файл

@@ -164,7 +164,7 @@ function Content(props: ContentProps) {
{isProfessional &&
<Card
id='professional'
topColor='var(--denim-button-bg)'
topColor='var(--button-bg)'
plan='Professional'
planSummary={formatMessage({id: 'pricing_modal.planSummary.professional', defaultMessage: 'Scalable solutions {br} for growing teams'}, {
br: <br/>,
@@ -182,7 +182,7 @@ function Content(props: ContentProps) {
planLabel={isProfessional ? (
<PlanLabel
text={professionalPlanLabelText()}
color='var(--denim-status-online)'
color='var(--online-indicator)'
bgColor='var(--center-channel-bg)'
firstSvg={<CheckMarkSvg/>}
/>) : undefined}
@@ -210,7 +210,7 @@ function Content(props: ContentProps) {
isEnterprise ? (
<PlanLabel
text={formatMessage({id: 'pricing_modal.planLabel.currentPlan', defaultMessage: 'CURRENT PLAN'})}
color='var(--denim-status-online)'
color='var(--online-indicator)'
bgColor='var(--center-channel-bg)'
firstSvg={<CheckMarkSvg/>}
renderLastDaysOnTrial={true}

20
webapp/channels/src/components/pricing_modal/pricing_modal.scss
Просмотреть файл

@@ -81,7 +81,7 @@
}
a {
color: var(--denim-button-bg);
color: var(--button-bg);
font-family: 'Open Sans';
font-size: 14px;
font-style: normal;
@@ -129,7 +129,7 @@
}
.contact {
color: var(--denim-button-bg);
color: var(--button-bg);
}
}
@@ -148,7 +148,7 @@
padding: 8px;
border-radius: 8px;
margin-top: 24px;
background: rgba(var(--denim-button-bg-rgb), 0.08);
background: rgba(var(--button-bg-rgb), 0.08);
font-family: 'Open Sans';
font-size: 14px;
font-style: normal;
@@ -161,7 +161,7 @@
}
.learn {
color: var(--denim-button-bg);
color: var(--button-bg);
}
}
}
@@ -307,7 +307,7 @@
border: none;
border-radius: 4px;
background: none;
color: var(--denim-button-bg);
color: var(--button-bg);
font-weight: 600;
&.grayed {
@@ -317,21 +317,21 @@
}
&.secondary {
background: rgba(var(--denim-button-bg-rgb), 0.08);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
}
&.active {
border: 1px solid var(--denim-button-bg);
border: 1px solid var(--button-bg);
}
&.special {
background: var(--denim-button-bg);
background: var(--button-bg);
color: var(--button-color);
}
&.green {
background: var(--denim-status-online);
background: var(--online-indicator);
color: var(--button-color);
}
}

8
webapp/channels/src/components/pricing_modal/self_hosted_content.tsx
Просмотреть файл

@@ -174,7 +174,7 @@ function SelfHostedContent(props: ContentProps) {
isStarter ? (
<PlanLabel
text={formatMessage({id: 'pricing_modal.planLabel.currentPlan', defaultMessage: 'CURRENT PLAN'})}
color='var(--denim-status-online)'
color='var(--online-indicator)'
bgColor='var(--center-channel-bg)'
firstSvg={<CheckMarkSvg/>}
/>) : undefined}
@@ -191,7 +191,7 @@ function SelfHostedContent(props: ContentProps) {
/>
<Card
id='professional'
topColor='var(--denim-button-bg)'
topColor='var(--button-bg)'
plan='Professional'
planSummary={formatMessage({id: 'pricing_modal.planSummary.professional', defaultMessage: 'Scalable solutions {br} for growing teams'}, {
br: <br/>,
@@ -210,7 +210,7 @@ function SelfHostedContent(props: ContentProps) {
isProfessional ? (
<PlanLabel
text={formatMessage({id: 'pricing_modal.planLabel.currentPlan', defaultMessage: 'CURRENT PLAN'})}
color='var(--denim-status-online)'
color='var(--online-indicator)'
bgColor='var(--center-channel-bg)'
firstSvg={<CheckMarkSvg/>}
/>) : undefined}
@@ -239,7 +239,7 @@ function SelfHostedContent(props: ContentProps) {
isEnterprise ? (
<PlanLabel
text={formatMessage({id: 'pricing_modal.planLabel.currentPlan', defaultMessage: 'CURRENT PLAN'})}
color='var(--denim-status-online)'
color='var(--online-indicator)'
bgColor='var(--center-channel-bg)'
firstSvg={<CheckMarkSvg/>}
renderLastDaysOnTrial={true}

2
webapp/channels/src/components/purchase_modal/icon_message.scss
Просмотреть файл

@@ -82,7 +82,7 @@
.IconMessage-tertiary-button {
button {
border-radius: 4px;
background: rgba(var(--denim-button-bg-rgb), 0.08);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
}
}

2
webapp/channels/src/components/search_results/search_limits_banner.tsx
Просмотреть файл

@@ -22,7 +22,7 @@ width: 100%;
`;
const StyledA = styled.a`
color: var(--denim-button-bg) !important;
color: var(--button-bg) !important;
`;
const InnerDiv = styled.div`

2
webapp/channels/src/components/select_team/select_team.scss
Просмотреть файл

@@ -32,7 +32,7 @@
display: inline-flex;
padding: 3px;
border-radius: 50%;
background-color: rgba(var(--denim-button-bg-rgb), 0.08);
background-color: rgba(var(--button-bg-rgb), 0.08);
font-size: 14px;
&::before {

2
webapp/channels/src/components/should_verify_email/should_verify_email.scss
Просмотреть файл

@@ -51,7 +51,7 @@
visibility: hidden;
&.success {
color: var(--denim-status-online);
color: var(--online-indicator);
visibility: visible;
}

4
webapp/channels/src/components/tabs/tabs/style.scss
Просмотреть файл

@@ -34,10 +34,10 @@
}
&.active {
border-bottom: 2px solid var(--denim-button-bg);
border-bottom: 2px solid var(--button-bg);
a {
color: var(--denim-button-bg);
color: var(--button-bg);
}
}

10
webapp/channels/src/components/user_groups_modal/user_groups_modal.scss
Просмотреть файл

@@ -22,7 +22,7 @@
padding: 12px 8px;
border-radius: 8px;
margin: 0 12px;
background-color: var(--denim-sidebar-active-border);
background-color: var(--sidebar-active-border);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
color: var(--button-color);
@@ -109,19 +109,19 @@
border: none;
border-radius: 4px;
background: rgba(28, 88, 217, 0.08);
color: var(--denim-button-bg);
color: var(--button-bg);
font-size: 12px;
font-weight: 600;
line-height: 10px;
}
.learn-more {
background: rgba(var(--denim-button-bg-rgb), 0.08);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
}
.continue {
background: var(--denim-button-bg);
background: var(--button-bg);
color: var(--button-color);
}
}

6
webapp/channels/src/components/widgets/menu/menu_items/menu_item.scss
Просмотреть файл

@@ -218,7 +218,7 @@
&__icon-section {
margin-top: -2px;
color: var(--denim-button-bg);
color: var(--button-bg);
font-size: 18px;
}
}
@@ -273,13 +273,13 @@
}
.icon-information-outline {
color: var(--denim-button-bg);
color: var(--button-bg);
cursor: pointer;
}
a {
// overriding 4 deep selector
color: var(--denim-button-bg) !important;
color: var(--button-bg) !important;
font-weight: bold;
text-decoration: none;

2
webapp/channels/src/components/widgets/menu/menu_items/restricted_indicator.scss
Просмотреть файл

@@ -14,7 +14,7 @@
.RestrictedIndicator__icon-tooltip {
padding: 5px 0;
color: var(--denim-button-bg);
color: var(--button-bg);
line-height: 22px;
&.trial::before {

8
webapp/channels/src/components/widgets/modals/components/base_setting_item.scss
Просмотреть файл

@@ -143,8 +143,8 @@
}
input[type="checkbox"]:checked {
border-color: var(--denim-button-bg);
background: var(--denim-button-bg);
border-color: var(--button-bg);
background: var(--button-bg);
}
input[type=radio] {
@@ -167,7 +167,7 @@
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--denim-button-bg);
background: var(--button-bg);
content: '';
transform: scale(0);
transform-origin: center center;
@@ -179,6 +179,6 @@
}
input[type="radio"]:checked {
border-color: var(--denim-button-bg);
border-color: var(--button-bg);
}
}

6
webapp/channels/src/components/widgets/modals/components/modal_sidebar.scss
Просмотреть файл

@@ -24,12 +24,12 @@
gap: 8px;
&:hover {
background: rgba(var(--denim-button-bg-rgb), 0.08);
background: rgba(var(--button-bg-rgb), 0.08);
}
}
&__item--active {
background: rgba(var(--denim-button-bg-rgb), 0.08);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
}
}

8
webapp/channels/src/components/widgets/modals/components/save_changes_panel.scss
Просмотреть файл

@@ -90,8 +90,8 @@
padding: 10px 16px;
border: none;
border-radius: 4px;
background: rgba(var(--denim-button-bg-rgb), 0.08);
color: var(--denim-button-bg);
background: rgba(var(--button-bg-rgb), 0.08);
color: var(--button-bg);
font-family: inherit;
font-size: 12px;
font-weight: 600;
@@ -113,7 +113,7 @@
padding: 10px 16px;
border: none;
border-radius: 4px;
background: var(--denim-button-bg);
background: var(--button-bg);
color: var(--button-color);
font-family: inherit;
font-size: 12px;
@@ -123,7 +123,7 @@
&.error {
background-color: var(--button-color);
color: var(--denim-button-bg);
color: var(--button-bg);
}
&:disabled {

3
webapp/channels/src/sass/base/_css_variables.scss
Просмотреть файл

@@ -30,8 +30,6 @@
--sidebar-team-background: #0b428c;
--secondary-blue: #22406d;
--denim-button-bg: #1c58d9;
--denim-status-online: #3db887;
--denim-sidebar-active-border: #5d89ea;
--title-color-indigo-500: #1e325c;
// Default RGB values to be replaced by applyTheme() (do not add opacity mutations here)
@@ -61,7 +59,6 @@
--error-box-background: 197, 67, 72;
--sidebar-team-background-rgb: 11, 66, 140;
--secondary-blue-rgb: 34, 64, 109;
--denim-status-online-rgb: 61, 184, 135;
--denim-button-bg-rgb: 28, 88, 217;
--title-color-indigo-500-rgb: 30, 50, 92;

8
webapp/channels/src/sass/utils/_mixins.scss
Просмотреть файл

@@ -162,7 +162,7 @@
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--denim-button-bg);
border: 1px solid var(--button-bg);
border-radius: 4px;
background: var(--center-channel-bg);
color: var(--button-bg);
@@ -170,11 +170,11 @@
transition: all 0.15s ease-out;
&:hover {
background: rgba(var(--denim-button-bg-rgb), 0.08);
background: rgba(var(--button-bg-rgb), 0.08);
}
&:active {
background: rgba(var(--denim-button-bg-rgb), 0.16);
background: rgba(var(--button-bg-rgb), 0.16);
}
&:focus {
@@ -273,7 +273,7 @@
&:focus,
&:focus-within {
box-sizing: border-box;
border: 2px solid rgba(var(--denim-button-bg-rgb), 0.32);
border: 2px solid rgba(var(--button-bg-rgb), 0.32);
box-shadow: none;
outline: none;
}