champs-libres/chill.social
7
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor theme colors and styles; remove unused favicon; update translations and layouts

Browse Source 
- Deleted unused favicon file.
- Updated Tailwind CSS configuration to redefine primary and secondary colors.
- Adjusted button styles in CSS to use new color definitions.
- Removed English translations and added French translations for various UI elements.
- Created new layouts for features and updated existing layouts to reflect new design.
- Modified header and CTA components to use updated color scheme.
- Cleaned up pricing table shortcode to align with new styles.
- Updated theme metadata to reflect new author and project details.
This commit is contained in:
Boris Waaub
2026-01-28 13:22:33 +01:00
parent ad649599c9
commit d50f7013a9
39 changed files with 1119 additions and 810 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/style.css
+42 -32
View File
@@ -154,7 +154,7 @@ html,
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: Lato, sans-serif;
font-family: Inter, system-ui, sans-serif;
/* 4 */
font-feature-settings: normal;
/* 5 */
@@ -754,7 +754,7 @@ html {
}
body {
font-family: Lato, sans-serif;
font-family: Inter, system-ui, sans-serif;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
-webkit-font-smoothing: antialiased;
@@ -2024,7 +2024,7 @@ body {
.prose a {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(189 55 10 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
@@ -2240,10 +2240,6 @@ body {
margin-top: 0px !important;
}
.-mt-2 {
margin-top: -0.5rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -2328,6 +2324,10 @@ body {
margin-top: 2rem;
}
.mt-auto {
margin-top: auto;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
@@ -2834,18 +2834,18 @@ body {
}
.bg-primary-100 {
--tw-bg-opacity: 1;
background-color: rgb(252 215 202 / var(--tw-bg-opacity, 1));
}
.bg-primary-400 {
--tw-bg-opacity: 1;
background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
}
.bg-primary-50 {
--tw-bg-opacity: 1;
background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
}
.bg-primary-600 {
--tw-bg-opacity: 1;
background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
background-color: rgb(255 251 250 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
@@ -2854,7 +2854,12 @@ body {
}
.bg-secondary-100 {
background-color: rgba(67, 178, 157, 0.61);
--tw-bg-opacity: 1;
background-color: rgb(142 198 223 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
@@ -2891,8 +2896,8 @@ body {
}
.from-primary-600 {
--tw-gradient-from: #f46839 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(244 104 57 / 0) var(--tw-gradient-to-position);
--tw-gradient-from: #bd370a var(--tw-gradient-from-position);
--tw-gradient-to: rgb(189 55 10 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
@@ -2902,7 +2907,7 @@ body {
}
.to-primary-700 {
--tw-gradient-to: #f46839 var(--tw-gradient-to-position);
--tw-gradient-to: #8c2908 var(--tw-gradient-to-position);
}
.to-white {
@@ -3243,12 +3248,17 @@ body {
.text-primary-100 {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(252 215 202 / var(--tw-text-opacity, 1));
}
.text-primary-500 {
--tw-text-opacity: 1;
color: rgb(237 69 13 / var(--tw-text-opacity, 1));
}
.text-primary-600 {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(189 55 10 / var(--tw-text-opacity, 1));
}
.text-white {
@@ -4002,7 +4012,7 @@ body {
.sm\:prose a {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(189 55 10 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
@@ -4320,7 +4330,7 @@ body {
.hover\:border-primary-600:hover {
--tw-border-opacity: 1;
border-color: rgb(244 104 57 / var(--tw-border-opacity, 1));
border-color: rgb(189 55 10 / var(--tw-border-opacity, 1));
}
.hover\:bg-gray-100:hover {
@@ -4340,12 +4350,12 @@ body {
.hover\:bg-primary-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
background-color: rgb(252 215 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
background-color: rgb(140 41 8 / var(--tw-bg-opacity, 1));
}
.hover\:text-gray-900:hover {
@@ -4355,12 +4365,12 @@ body {
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(189 55 10 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-700:hover {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(140 41 8 / var(--tw-text-opacity, 1));
}
.hover\:opacity-90:hover {
@@ -4392,7 +4402,7 @@ body {
.focus\:border-primary-500:focus {
--tw-border-opacity: 1;
border-color: rgb(244 104 57 / var(--tw-border-opacity, 1));
border-color: rgb(237 69 13 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus {
@@ -4408,12 +4418,12 @@ body {
.focus\:ring-primary-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(244 104 57 / var(--tw-ring-opacity, 1));
--tw-ring-color: rgb(237 69 13 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-600:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(244 104 57 / var(--tw-ring-opacity, 1));
--tw-ring-color: rgb(189 55 10 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
@@ -4432,22 +4442,22 @@ body {
.group:hover .group-hover\:border-primary-100 {
--tw-border-opacity: 1;
border-color: rgb(244 104 57 / var(--tw-border-opacity, 1));
border-color: rgb(252 215 202 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-primary-100 {
--tw-bg-opacity: 1;
background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
background-color: rgb(252 215 202 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-primary-600 {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(189 55 10 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-primary-700 {
--tw-text-opacity: 1;
color: rgb(244 104 57 / var(--tw-text-opacity, 1));
color: rgb(140 41 8 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {