styles.php 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <?php
  2. $styles = (new \App\Settings('styles'))->getAll();
  3. ?>
  4. <style>
  5. /* Основные цвета */
  6. body {
  7. background-color: <?= $styles['body_bg_color'] ?? '#0A0A0A' ?>;
  8. color: <?= $styles['text_color'] ?? '#FFFFFF' ?>;
  9. }
  10. /* Цвет хедера (шапки сайта) */
  11. .header,
  12. .header-color {
  13. background: <?= $styles['header_color'] ?? '#1E1E1E' ?>;
  14. }
  15. /* Цвет контентной части */
  16. .content-bg{
  17. background-color: <?= $styles['content_bg_color'] ?? '#1A1A1A' ?>;
  18. }
  19. /* Цвет текста основного */
  20. body,
  21. .text-color {
  22. color: <?= $styles['text_color'] ?? '#FFFFFF' ?>;
  23. }
  24. /* Цвет текста ссылок в контенте */
  25. a {
  26. color: <?= $styles['link_color'] ?? '#4A9EFF' ?>;
  27. text-decoration: none;
  28. transition: color 0.3s ease;
  29. }
  30. a:hover {
  31. color: <?= $styles['link_color'] ?? '#4A9EFF' ?>;
  32. opacity: 0.8;
  33. }
  34. /* Цвет таблицы (фон) */
  35. table {
  36. background: <?= $styles['table_bg_color'] ?? '#1A1A1A' ?>;
  37. color: <?= $styles['text_color'] ?? '#FFFFFF' ?>;
  38. }
  39. /* Цвет шапки таблицы (thead) */
  40. th,
  41. thead,
  42. table thead tr {
  43. background-color: <?= $styles['table_header_color'] ?? '#2A2A2A' ?>;
  44. color: <?= $styles['text_color'] ?? '#FFFFFF' ?>;
  45. }
  46. caption {
  47. background: <?= $styles['table_header_color'] ?? '#2A2A2A' ?>;
  48. color: <?= $styles['text_color'] ?? '#FFFFFF' ?>;
  49. }
  50. /* Цвет фона футера */
  51. .footer,
  52. .footer-color {
  53. background: <?= $styles['footer_bg_color'] ?? '#1E1E1E' ?>;
  54. }
  55. /* Header buttons - you can customize these colors in admin panel later */
  56. .header__btn--primary {
  57. color: #FFFFFF;
  58. }
  59. .header__btn--secondary {
  60. color: #FFFFFF;
  61. }
  62. /* Prevent body scroll when mobile menu is open */
  63. body.menu-open {
  64. overflow: hidden;
  65. }
  66. </style>