mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
add color from style example
This commit is contained in:
parent
74c443e5c5
commit
4675f1f9ca
@ -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
|
||||
);
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
v-model="currentValue"
|
||||
v-bind="ariaInput"
|
||||
:id="labelFor"
|
||||
:class="$route.path === '/send' ? 'bg-248' : ''"
|
||||
:name="name"
|
||||
:placeholder="placeholder"
|
||||
type="text"
|
||||
|
||||
@ -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] }}
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user