add color from style example

This commit is contained in:
ogerly 2022-12-20 20:35:46 +01:00
parent 74c443e5c5
commit 4675f1f9ca
8 changed files with 22 additions and 7 deletions

View File

@ -13,6 +13,9 @@ $gray-700: #525f7f !default; // Line p color
$gray-800: #32325d !default; // Line heading color
$gray-900: #212529 !default;
$gradido-f5: #f5f5f5 !default;
$gradido-248: rgb(248 248 248) !default;
$gradido-140: rgb(140 66 5) !default;
$gradido-205: rgb(205 86 86) !default;
$black: #000 !default;
$grays: () !default;
$grays: map.merge(
@ -26,7 +29,10 @@ $grays: map.merge(
"700": $gray-700,
"800": $gray-800,
"900": $gray-900,
"f5": $gradido-f5
"f5": $gradido-f5,
"248": $gradido-248,
"140": $gradido-140,
"205": $gradido-205
),
$grays
);
@ -61,6 +67,9 @@ $colors: map.merge(
"lighter": $gray-200,
"gray-dark": $gray-800,
"f5": $gradido-f5,
"248": $gradido-248,
"140": $gradido-140,
"205": $gradido-205
),
$colors
);
@ -98,7 +107,10 @@ $theme-colors: map.merge(
"neutral": $white,
"dark": $dark,
"darker": $darker,
"f5": $gradido-f5
"f5": $gradido-f5,
"248": $gradido-248,
"140": $gradido-140,
"205": $gradido-205
),
$theme-colors
);

View File

@ -7,7 +7,7 @@
<b-form-radio-group v-model="radioSelected" class="container">
<b-row class="mb-4">
<b-col>
<b-row class="bg-f5 gradido-border-radius pt-2 mr-2">
<b-row class="bg-248 gradido-border-radius pt-2 mr-2">
<b-col cols="10" @click="radioSelected = sendTypes.send" class="pointer">
{{ $t('send_gdd') }}
</b-col>
@ -23,7 +23,7 @@
</b-row>
</b-col>
<b-col>
<b-row class="bg-f5 gradido-border-radius pt-2 ml-2">
<b-row class="bg-248 gradido-border-radius pt-2 ml-2">
<b-col cols="10" @click="radioSelected = sendTypes.link" class="pointer">
{{ $t('send_per_link') }}
</b-col>

View File

@ -12,6 +12,7 @@
v-model="currentValue"
v-bind="ariaInput"
:id="labelFor"
:class="$route.path === '/send' ? 'bg-248' : ''"
:name="name"
:placeholder="placeholder"
type="text"

View File

@ -15,6 +15,7 @@
type="email"
:state="validated ? valid : false"
trim
:class="$route.path === '/send' ? 'bg-248' : ''"
></b-form-input>
<b-form-invalid-feedback v-bind="ariaMsg">
{{ errors[0] }}

View File

@ -10,6 +10,7 @@
v-model="currentValue"
v-bind="ariaInput"
:id="labelFor"
:class="$route.path === '/send' ? 'bg-248' : ''"
:name="name"
:placeholder="placeholder"
:state="validated ? valid : false"

View File

@ -73,7 +73,7 @@
</b-nav-item>
<b-nav-item class="font-weight-bold" @click="$emit('logout')" active-class="activeRoute">
<b-icon icon="power" aria-hidden="true" variant="danger"></b-icon>
<span class="ml-2 text-danger">{{ $t('navigation.logout') }}</span>
<span class="ml-2 text-205">{{ $t('navigation.logout') }}</span>
</b-nav-item>
</b-nav>
</div>

View File

@ -22,7 +22,7 @@
<div class="small">
{{ $t('decay.types.receive') }}
</div>
<div class="font-weight-bold">{{ amount | GDD }}</div>
<div class="font-weight-bold gradido-global-color-accent">{{ amount | GDD }}</div>
<div v-if="linkId" class="small">
{{ $t('via_link') }}
<b-icon

View File

@ -21,7 +21,7 @@
<div class="small">
{{ $t('decay.types.send') }}
</div>
<div class="font-weight-bold">{{ amount | GDD }}</div>
<div class="font-weight-bold text-140">{{ amount | GDD }}</div>
<div v-if="linkId" class="small">
{{ $t('via_link') }}
<b-icon