1"use strict";(self.webpackChunkdocs_clientxcms_com=self.webpackChunkdocs_clientxcms_com||[]).push([[4272],{15994:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>m,frontMatter:()=>a,metadata:()=>s,toc:()=>c});const s=JSON.parse('{"id":"developpers/themes/themes","title":"Themes","description":"CLIENTXCMS offers a theme system to customize the appearance of your website. Themes are folders containing configuration files and template files. Themes are available from the administration interface via Settings > Themes > Theme Settings.","source":"@site/docs/developpers/themes/themes.md","sourceDirName":"developpers/themes","slug":"/developpers/themes/","permalink":"/developpers/themes/","draft":false,"unlisted":false,"editUrl":"https://github.com/ClientXCMS/docs.clientxcms.com/blob/V2/docs/developpers/themes/themes.md","tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"sidebar_position":1,"translated":true},"sidebar":"defaultSidebar","previous":{"title":"Service Settings","permalink":"/settings/provisioning/services"},"next":{"title":"Creating a Theme","permalink":"/developpers/themes/create-theme"}}');var i=n(74848),o=n(28453);const a={sidebar_position:1,translated:!0},r="Themes",l={},c=[{value:"Installing a Theme",id:"installing-a-theme",level:2}];function h(e){const t={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",header:"header",img:"img",p:"p",pre:"pre",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"themes",children:"Themes"})}),"\n",(0,i.jsxs)(t.p,{children:["CLIENTXCMS offers a theme system to customize the appearance of your website. Themes are folders containing configuration files and template files. Themes are available from the administration interface via ",(0,i.jsx)(t.code,{children:"Settings"})," > ",(0,i.jsx)(t.code,{children:"Themes"})," > ",(0,i.jsx)(t.code,{children:"Theme Settings"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["If you want to distribute a theme to the community, follow the ",(0,i.jsx)(t.a,{href:"../publish-resource",children:"marketplace publication guide"}),", then read ",(0,i.jsx)(t.a,{href:"./publish-marketplace",children:"Publishing a Theme"})," for demo, GitHub repository, packaging, and update requirements."]}),"\n",(0,i.jsxs)(t.p,{children:["You can enable or disable a theme by clicking the ",(0,i.jsx)(t.code,{children:"Enable"})," or ",(0,i.jsx)(t.code,{children:"Disable"})," button corresponding to the theme.\n",(0,i.jsx)(t.img,{alt:"Themes",src:n(21078).A+"",width:"1131",height:"453"})]}),"\n",(0,i.jsx)(t.h2,{id:"installing-a-theme",children:"Installing a Theme"}),"\n",(0,i.jsx)(t.admonition,{title:"Information",type:"info",children:(0,i.jsx)(t.p,{children:"For cloud offers, you cannot install custom themes. You can only activate a theme from the available themes. We are working on a solution to allow custom theme installation."})}),"\n",(0,i.jsxs)(t.p,{children:["To install a theme, you must download the theme from the CLIENTXCMS website. You can then place it in the ",(0,i.jsx)(t.code,{children:"resources/themes"})," folder of your installation. It will then be available in the theme list. You must then rerun the npm build for the theme to be taken into account. You can do this by running the following command in the terminal at the root of your installation:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-bash",children:"npm run build\n"})})]})}function m(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},21078:(e,t,n)=>{n.d(t,{A:()=>s});const s=n.p+"assets/images/themes-41df578c6dad711361f518a062eaefb9.png"},28453:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>r});var s=n(96540);const i={},o=s.createContext(i);function a(e){const t=s.useContext(o);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.