codeforleipzig/stadtratmonitor-vue
3
0
Fork 0
Code Issues Activity

improve tailwind colors

Browse source
This commit is contained in:
Vri 🌈 2023-07-07 15:03:09 +02:00
parent 636324deea
commit 51a2501d98
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 35 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/TheSearch.vue
View file

@ -24,7 +24,7 @@ onUpdated(() => updateSearch(searchValue, searchType));
/> />
<div class="flex flex-row place-content-center"> <div class="flex flex-row place-content-center">
<button <button
class="py-2 px-4 bg-primary-button-500 hover:bg-primary-button-600 rounded-l-lg text-white" class="py-2 px-4 bg-primary-button-500 hover:bg-primary-button-600 rounded-l-lg text-text-800"
@click.prevent="submit('filter')" @click.prevent="submit('filter')"
aria-keyshortcuts="Enter" aria-keyshortcuts="Enter"
>Suchen >Suchen

68
tailwind.config.js
View file

@ -11,44 +11,44 @@ export default {
extend: { extend: {
colors: { colors: {
'text': { // hand-choosen 'text': { // hand-choosen
50: '#FDFDFD', 50: '#FFF8F6',
100: '#F6F6F6', 100: '#FFF2ED',
200: '#E8E8E7', 200: '#F7E6E0',
300: '#D9D9D9', 300: '#E4D1C8',
400: '#D0D0CF', 400: '#CFBAB0',
500: '#BBBBBB', 500: '#B8A599',
600: '#A1A1A1', 600: '#9D8E83',
700: '#848484', 700: '#7D7168',
800: '#686867', 800: '#5D544D',
900: '#494949', 900: '#403B36',
950: '#2C2C2C', 950: '#2C2925',
}, },
'background': { // hand-choosen 'background': { // hand-choosen
50: '#FDFDFD', 50: '#FFF8F6',
100: '#F3F3F6', 100: '#FFF2ED',
200: '#DCDCE7', 200: '#F7E6E0',
300: '#C0BFD9', 300: '#E4D1C8',
400: '#AAA8CF', 400: '#CFBAB0',
500: '#8A86BB', 500: '#B8A599',
600: '#6C68A1', 600: '#9D8E83',
700: '#554F84', 700: '#7D7168',
800: '#403B67', 800: '#5D544D',
900: '#2C2849', 900: '#403B36',
950: '#1A182C', 950: '#2C2925',
}, },
'primary-button': { // hand-choosen 'primary-button': { // hand-choosen
DEFAULT: '#1550A3', DEFAULT: '#FFD470',
50: '#F7FBFF', 50: '#FFF6E1',
100: '#B2DBFF', 100: '#FFEFCA',
200: '#75B3F1', 200: '#FFE8B4',
300: '#4185D2', 300: '#FFE29D',
400: '#2562B9', 400: '#FFDB87',
500: '#1550A3', 500: '#FFD470',
600: '#0C428E', 600: '#FFCD5A',
700: '#043078', 700: '#FFC743',
800: '#012668', 800: '#FFC02D',
900: '#001E58', 900: '#FFB916',
950: '#000C24', 950: '#FFB300',
}, },
'secondary-button': colors.slate, 'secondary-button': colors.slate,
'accent': colors.amber, 'accent': colors.amber,