How to customize the colors within a stylesheet using a WordPress setting

I would recommend a color option. Generally, a color option just loads a separate style sheet. E.g., loading the style-blue.css style sheet would include all those elements you wanted to be blue. (You would load this in addition to your main style sheet.) This is how many themes work, so this a proven approach. This also takes advantage of caching, which will speed things up and reduce server load.

However, if the amount of code required to make the changes is small (under 20 lines, say), I would just use the customizer’s Custom CSS option.

Related Posts:

  1. Alignment Problem [closed]
  2. Is it possible ( or advisable) to allow open access to the new theme customizer for potential clients?
  3. Add a dropdown to theme customizer
  4. How to add Color Picker in Theme Options for the following?
  5. WordPress Customizer Typography: How to load just the unique Google Fonts?
  6. How do I get a parent theme modification from a child theme?
  7. How to remove menus section from WordPress theme customizer
  8. How to hook CSS file according to theme selection in the customizer section
  9. How Can I Create a List of Values to Be Iterated Through via WordPress Customization API?
  10. Change setting name in Customizer and keep the data
  11. after_setup_theme, Global Variable and Theme Customizer
  12. get_option in header.php not returning value from customizer
  13. Internal error 500 accessing Theme > Customize
  14. Using an if statement in the theme customizer page
  15. How to disable wordpress from overload my stylesheet styles with customizer styles
  16. How to enqueue javascript for WP Customize options sidebar?
  17. Change WordPress header color using customizer
  18. Avada Child Theme Development
  19. Questions from a new WP Dev [closed]
  20. WP Customazation API doesn’t save the default Value
  21. How to customize this theme? [closed]
  22. Customize Option Framework
  23. Related Post Category Filter
  24. In wordpress customizer div still showing even if I hid it with javascript
  25. Customizer API Multi Sections in single Panel
  26. What is an alternative to not using child theme to customize a WordPress theme?
  27. (Parent) theme Is Not Showing In Theme Selection Panel and Therefore Breaks Child Theme
  28. Duplicate child theme incl. design changes
  29. Debugging slow WordPress Theme Customizer (Any option similar to Query Monitor)?
  30. how can I re-utilize and class on a child theme
  31. Customizer_register theme options not saving
  32. Using Customizer value in an external PHP file inside a theme
  33. “No Data Received” error in Chrome every time i try to update the theme functions file
  34. trying to figure out how to use more that one image upload in the same section in theme customizer
  35. How to show associated fields if checkbox is checked in customize widget screen using wp_customize?
  36. WordPress 6.4.2 – can’t load editor style css using ‘after_setup_theme’ or ‘admin_init’ actions
  37. how can I add an icon/image for a child theme?
  38. What are the advantages and disadvantages of Option Tree over the Customization API?
  39. My child theme doesn’t work Error: “The parent theme is missing. Please install your parent theme”
  40. Best practice way to implement custom sections into a WordPress theme
  41. Add a preview to a WordPress Control Panel
  42. Can we add more than one control under a setting in WP theme customizer?
  43. Widgets panel not displaying in the Theme Customizer
  44. How do I get my child-theme to work with my theme’s includes folder?
  45. CSS in child theme not overriding the parent theme [closed]
  46. WordPress Theme customisation CSS
  47. Get background color for Live Preview with Theme Customization API?
  48. Optimal solution to develop a wordpress theme?
  49. When developing a distributable Theme, does it HAVE to be “inheritable”?
  50. Nesting Functions within Functions
  51. De-registering parent style sheet css recommended?
  52. Can I customize any WordPress parent block-based theme template files by child theme like a parent classic theme?
  53. WordPress Multisite: Have the same header and footer of main-blog on all sub-blogs
  54. Am I supposed to create a child theme for every theme I use?
  55. Custom Script Section Only Echoes Text
  56. WP Customize refresh problem
  57. Set multiple templates per post
  58. Creating Theme Options Page
  59. Location of theme options page menu icon
  60. How to add new args data in $wp_customize->add_setting?
  61. Hide header texts (Title & Tagline) in custom-header.php
  62. Customizer: Unique identifier that distinguishes which image upload control is uploading an image
  63. How to add “Template” option in page attributes panel?
  64. JavaScript stops working on selectively refreshed sections one inside the other
  65. Folder name for a pro version of a WordPress.org theme?
  66. How can I make my options in an array and store theme in WP options one DB row?
  67. Using WordPress’ Theme Customizer to select page templates that update layout in the preview
  68. How do i place same widgets multiple time by default on theme activation?
  69. Theme Customizer not loading JS for live preview
  70. Replace function in a child theme
  71. Can’t remove DIV from hooks in Storefront child theme [closed]
  72. Default Text not showing from customizer
  73. How do I use a color from theme options?
  74. Is there any way to register custom background images like header images?
  75. How to create and populate with few links a menu in child theme functions.php?
  76. How to make javascript work on theme options page
  77. Consequences if using PHP include TEMPLATEPATH?
  78. Customizer Color Control Not Working
  79. Copying the theme style files and images to duplicate the website but with a difference
  80. How to set Post meta-box defaults based on the choices made by user in Customizer?
  81. not getting API setting saved confirmation message after update on option page
  82. Do I need to re-import Susy to work with it in a child theme? [closed]
  83. Let user to add input fields on theme option page
  84. Converting a theme to a child theme in a network
  85. Understrap-child conditional js script
  86. How to register dynamic settings in WordPress Customizer?
  87. How to change listing type permlink?
  88. How can I access variables from theme in child theme? [closed]
  89. Fatal error: Class WP_Customize_Image_Control not found
  90. Child theme menu not appearing in Twenty Seventeen
  91. Edit Product Archive design for Woo theme
  92. How do I remove header/page-title image in farvis theme? [closed]
  93. Move the social media icons to the left of a WordPress nav menu for Soledad child Theme
  94. How to connect two child themes on different sub domains to the same base theme
  95. Customizer API way function is_customize_preview() works only in main page?
  96. The content not wrapped in paragraph tags with get_page_by_title()
  97. Import/Export WordPress demo
  98. Global Navigation menu in diiferrent wordpress setups
  99. WP Customizer get control value on change
  100. Execute javscript when theme customizer loads (autosave issue)