diff --git a/admin-dashboard.html b/admin-dashboard.html
index fcf32c7..9f5e732 100644
--- a/admin-dashboard.html
+++ b/admin-dashboard.html
@@ -3704,7 +3704,11 @@ const templateConfigs = {
borderRadius: 4,
buttonBackground: '#4a6cf7',
buttonTextColor: '#ffffff',
- buttonBorder: 'none'
+ buttonBorder: 'none',
+ border: '1px solid #d1d5db',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#d1d5db'
},
'modern': {
name: 'Moderní',
@@ -3721,7 +3725,11 @@ const templateConfigs = {
borderRadius: 25,
buttonBackground: '#2b6cb0',
buttonTextColor: '#ffffff',
- buttonBorder: '2px solid #2c5282'
+ buttonBorder: '2px solid #2c5282',
+ border: '2px solid #2b6cb0',
+ borderStyle: 'solid',
+ borderWidth: '2px',
+ borderColor: '#2b6cb0'
},
'elegant': {
name: 'Elegantní',
@@ -3738,75 +3746,165 @@ const templateConfigs = {
borderRadius: 8,
buttonBackground: '#4a5568',
buttonTextColor: '#ffffff',
- buttonBorder: 'none'
+ buttonBorder: 'none',
+ border: '1px solid #d1d5db',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#d1d5db',
+ boxShadow: '0 1px 3px rgba(0,0,0,0.1)'
},
- 'alert': {
- name: 'Upozornění',
- background: '#fff3cd',
- backgroundColor: '#fff3cd',
- textColor: '#856404',
- textStyle: 'color: #856404;',
- buttonStyle: 'background: #ffc107; color: #856404; border: 1px solid #d39e00; padding: 8px 16px; border-radius: 4px;',
+ 'professional': {
+ name: 'Profesionální',
+ background: '#ffffff',
+ backgroundColor: '#ffffff',
+ textColor: '#1f2937',
+ textStyle: 'color: #1f2937; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6;',
+ buttonStyle: 'background: #2563eb; color: white; border: 1px solid #1d4ed8; padding: 10px 20px; border-radius: 6px; font-weight: 500; transition: all 0.2s;',
isVisible: true,
textAlign: 'left',
- fontSize: 16,
+ fontSize: 15,
+ padding: 24,
+ margin: 16,
+ borderRadius: 8,
+ buttonBackground: '#2563eb',
+ buttonTextColor: '#ffffff',
+ buttonBorder: '1px solid #1d4ed8',
+ border: '1px solid #e5e7eb',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#e5e7eb',
+ boxShadow: '0 1px 3px rgba(0,0,0,0.05)'
+ },
+ 'minimal': {
+ name: 'Minimalistický',
+ background: '#f9fafb',
+ backgroundColor: '#f9fafb',
+ textColor: '#111827',
+ textStyle: 'color: #111827; font-family: \'Inter\', sans-serif; font-size: 14px; line-height: 1.5;',
+ buttonStyle: 'background: transparent; color: #2563eb; border: 1px solid #dbeafe; padding: 8px 16px; border-radius: 4px; font-weight: 500;',
+ isVisible: true,
+ textAlign: 'left',
+ fontSize: 14,
padding: 20,
- margin: 20,
+ margin: 16,
borderRadius: 4,
- buttonBackground: '#ffc107',
- buttonTextColor: '#856404',
- buttonBorder: '1px solid #d39e00'
+ buttonBackground: 'transparent',
+ buttonTextColor: '#2563eb',
+ buttonBorder: '1px solid #dbeafe',
+ border: '1px solid #e5e7eb',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#e5e7eb'
+ },
+ 'corporate': {
+ name: 'Firemní',
+ background: 'linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)',
+ backgroundColor: '#f8fafc',
+ textColor: '#1e293b',
+ textStyle: 'color: #1e293b; font-family: \'Inter\', sans-serif; font-size: 14px; line-height: 1.6;',
+ buttonStyle: 'background: #0ea5e9; color: white; border: none; padding: 10px 22px; border-radius: 4px; font-weight: 500;',
+ isVisible: true,
+ textAlign: 'left',
+ fontSize: 14,
+ padding: 22,
+ margin: 16,
+ borderRadius: 6,
+ buttonBackground: '#0ea5e9',
+ buttonTextColor: '#ffffff',
+ buttonBorder: 'none',
+ border: '1px solid #e2e8f0',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#e2e8f0',
+ boxShadow: '0 1px 2px rgba(0,0,0,0.03)'
+ },
+ 'modern-border': {
+ name: 'Moderní s rámečkem',
+ background: '#ffffff',
+ backgroundColor: '#ffffff',
+ textColor: '#1f2937',
+ textStyle: 'color: #1f2937; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6;',
+ buttonStyle: 'background: #4f46e5; color: white; border: none; padding: 10px 22px; border-radius: 6px; font-weight: 500;',
+ isVisible: true,
+ textAlign: 'left',
+ fontSize: 15,
+ padding: 24,
+ margin: 16,
+ borderRadius: 8,
+ buttonBackground: '#4f46e5',
+ buttonTextColor: '#ffffff',
+ buttonBorder: 'none',
+ border: '2px solid #4f46e5',
+ borderStyle: 'solid',
+ borderWidth: '2px',
+ borderColor: '#4f46e5',
+ boxShadow: '0 4px 6px -1px rgba(0,0,0,0.05)'
+ },
+ 'elegant-border': {
+ name: 'Elegantní s rámečkem',
+ background: '#ffffff',
+ backgroundColor: '#ffffff',
+ textColor: '#374151',
+ textStyle: 'color: #374151; font-family: Georgia, serif; font-size: 15px; line-height: 1.7;',
+ buttonStyle: 'background: transparent; color: #7c3aed; border: 1px solid #7c3aed; padding: 8px 20px; border-radius: 4px; font-weight: 500;',
+ isVisible: true,
+ textAlign: 'left',
+ fontSize: 15,
+ padding: 22,
+ margin: 16,
+ borderRadius: 8,
+ buttonBackground: 'transparent',
+ buttonTextColor: '#7c3aed',
+ buttonBorder: '1px solid #7c3aed',
+ border: '1px solid #e5e7eb',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#e5e7eb',
+ boxShadow: '0 1px 3px rgba(0,0,0,0.04)'
},
'dark': {
name: 'Tmavý motiv',
- background: '#2d3748',
- backgroundColor: '#2d3748',
- textColor: '#e2e8f0',
- textStyle: 'color: #e2e8f0;',
- buttonStyle: 'background: #4fd1c5; color: #1a202c; font-weight: 600; padding: 8px 16px; border-radius: 4px;',
+ background: '#1f2937',
+ backgroundColor: '#1f2937',
+ textColor: '#f3f4f6',
+ textStyle: 'color: #f3f4f6; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6;',
+ buttonStyle: 'background: #3b82f6; color: white; border: none; padding: 10px 22px; border-radius: 6px; font-weight: 500;',
isVisible: true,
textAlign: 'left',
- fontSize: 16,
- padding: 20,
- margin: 20,
- borderRadius: 4,
- buttonBackground: '#4fd1c5',
- buttonTextColor: '#1a202c',
- buttonBorder: 'none'
+ fontSize: 15,
+ padding: 24,
+ margin: 16,
+ borderRadius: 8,
+ buttonBackground: '#3b82f6',
+ buttonTextColor: '#ffffff',
+ buttonBorder: 'none',
+ border: '1px solid #374151',
+ borderStyle: 'solid',
+ borderWidth: '1px',
+ borderColor: '#374151',
+ boxShadow: '0 1px 3px rgba(0,0,0,0.1)'
},
'gradient': {
name: 'Přechod',
- background: 'linear-gradient(90deg, #667eea 0%, #764ba2 100%)',
- backgroundColor: '#667eea',
- textColor: 'white',
- textStyle: 'color: white; text-shadow: 0 1px 3px rgba(0,0,0,0.2);',
- buttonStyle: 'background: white; color: #4a6cf7; border: none; padding: 8px 20px; border-radius: 4px; font-weight: 600;',
+ background: 'linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%)',
+ backgroundColor: '#6366f1',
+ textColor: '#ffffff',
+ textStyle: 'color: #ffffff; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6; text-shadow: 0 1px 2px rgba(0,0,0,0.1);',
+ buttonStyle: 'background: white; color: #6366f1; border: none; padding: 10px 22px; border-radius: 6px; font-weight: 600;',
isVisible: true,
textAlign: 'left',
- fontSize: 16,
- padding: 20,
- margin: 20,
- borderRadius: 4,
+ fontSize: 15,
+ padding: 24,
+ margin: 16,
+ borderRadius: 8,
buttonBackground: 'white',
- buttonTextColor: '#4a6cf7',
- buttonBorder: 'none'
- },
- 'gradient-blue': {
- name: 'Modrý gradient',
- background: 'linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%)',
- backgroundColor: '#4f46e5',
- textColor: 'white',
- textStyle: 'color: white; font-family: \'Inter\', sans-serif; font-size: 16px; font-weight: 500;',
- buttonStyle: 'background-color: white; color: #4f46e5; border: none; padding: 10px 24px; border-radius: 6px; font-weight: 600;',
- isVisible: true,
- textAlign: 'left',
- fontSize: 16,
- padding: 20,
- margin: 20,
- borderRadius: 6,
- buttonBackground: 'white',
- buttonTextColor: '#4f46e5',
- buttonBorder: 'none'
+ buttonTextColor: '#6366f1',
+ buttonBorder: 'none',
+ border: 'none',
+ borderStyle: 'none',
+ borderWidth: '0',
+ borderColor: 'transparent',
+ boxShadow: '0 4px 6px -1px rgba(0,0,0,0.1)'
}
};