style: use the brand wine instead of navy for fills and borders
اپ۲: رنگ دکمهها، نوار نرخ طلا و خطهای جداکنندهی بالای صفحه از سرمهای به قرمز-شرابی برند تغییر کرد. Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Haiku 5.5
parent
b4f260a1c5
commit
c018fe6dae
@@ -396,7 +396,7 @@ input:focus-visible {
|
|||||||
|
|
||||||
}
|
}
|
||||||
&.bg-primaryLighten .ant-drawer-body {
|
&.bg-primaryLighten .ant-drawer-body {
|
||||||
background: @primaryLighten;
|
background: @wine;
|
||||||
border-radius: 30px 30px 0px 0px;
|
border-radius: 30px 30px 0px 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -460,13 +460,13 @@ input:focus-visible {
|
|||||||
&-secondary,
|
&-secondary,
|
||||||
&-secondary:hover,
|
&-secondary:hover,
|
||||||
&-secondary:focus {
|
&-secondary:focus {
|
||||||
border-color: @primary;
|
border-color: @wine;
|
||||||
background: @primary;
|
background: @wine;
|
||||||
color: @white;
|
color: @white;
|
||||||
|
|
||||||
&.ant-btn-background-ghost {
|
&.ant-btn-background-ghost {
|
||||||
color: @primary;
|
color: @primary;
|
||||||
border-color: @primary;
|
border-color: @wine;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -565,7 +565,7 @@ input:focus-visible {
|
|||||||
|
|
||||||
&-primary:before {
|
&-primary:before {
|
||||||
@apply content;
|
@apply content;
|
||||||
background: @primary;
|
background: @wine;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -61,8 +61,8 @@ const perGram = computed(() => (props.quote ? props.quote.pricePerGramRial.split
|
|||||||
padding: 6px 12px 6px 10px;
|
padding: 6px 12px 6px 10px;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background: alpha(@primary, 6%);
|
background: alpha(@wine, 6%);
|
||||||
border: 1px solid alpha(@primary, 10%);
|
border: 1px solid alpha(@wine, 10%);
|
||||||
color: @primary;
|
color: @primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -263,8 +263,8 @@ onActivated(async () => {
|
|||||||
// A hairline rule cut a hard line across the page. A very soft fade under
|
// A hairline rule cut a hard line across the page. A very soft fade under
|
||||||
// the bar separates it from the content that scrolls beneath without
|
// the bar separates it from the content that scrolls beneath without
|
||||||
// drawing an edge.
|
// drawing an edge.
|
||||||
border-bottom: 1px solid alpha(@primary, 5%);
|
border-bottom: 1px solid alpha(@wine, 5%);
|
||||||
box-shadow: 0 8px 20px -18px alpha(@primary, 55%);
|
box-shadow: 0 8px 20px -18px alpha(@wine, 55%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.home__barInner {
|
.home__barInner {
|
||||||
|
|||||||
@@ -379,8 +379,8 @@ onMounted(async () => {
|
|||||||
z-index: 20;
|
z-index: 20;
|
||||||
background: alpha(@canvas, 82%);
|
background: alpha(@canvas, 82%);
|
||||||
backdrop-filter: blur(18px) saturate(140%);
|
backdrop-filter: blur(18px) saturate(140%);
|
||||||
border-bottom: 1px solid alpha(@primary, 5%);
|
border-bottom: 1px solid alpha(@wine, 5%);
|
||||||
box-shadow: 0 8px 20px -18px alpha(@primary, 55%);
|
box-shadow: 0 8px 20px -18px alpha(@wine, 55%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dash__barInner {
|
.dash__barInner {
|
||||||
|
|||||||
Reference in New Issue
Block a user