:root { --saitharn-green: #3d731a; --chana-info-text: #84503d; --chana-info-bg: #fad1bf; --chana-info-border: #d99a7d; --bs-primary: var(--saitharn-green); --bs-link-color: var(--saitharn-green); --bs-info-bg-subtle: var(--chana-table-bg); --bs-info-text-emphasis: var(--chana-info-text); --bs-info-border-subtle: var(--chana-info-border); --bs-link-color-rgb: 93.2, 50.9, 31.9; --bs-link-hover-color: #810f0f; --bs-link-hover-color-rgb: 50.6, 5.8, 5.8; --bs-body-bg: #f3fdec ; --bs-body-bg-rgb: 95.2, 99.2, 92.5 ; --bs-gray-200: #f2fceb; --bs-light-border-subtle: #f2fceb; --bs-secondary-bg: #defacb; --bs-emphasis-color: #2c0e0e; --bs-emphasis-color-rgb: 17.3,5.6 ,5.6; --bs-font-sans-serif:"Noto Sans Thai","Kanit Light","IBM Plex Sans Thai","Mitr",BaiJamjuree,Prompt,Krub,Sarabun, Sriracha, K2D, Roboto, Loma, Mali, Norasi, Kodchasan, Kinnari, Arial, sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-body-font-family: var(--bs-font-sans-serif); } body { font-family: var(--bs-body-font-family); } samp { font-family: var(--bs-font-monospace); font-size: } textarea { margin: 0; font-family: inherit; } .form-check-input:checked { background-color: var(--saitharn-green); border-color: var(--saitharn-green); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--saitharn-green); border-color: var(--saitharn-green); } .form-range::-webkit-slider-thumb { background-color: var(--saitharn-green); } .btn { --bs-btn-font-family: var(--bs-body-font-family); font-family: var(--bs-btn-font-family); } .btn-primary { --bs-btn-bg: var(--saitharn-green); --bs-btn-border-color: var(--saitharn-green); --bs-btn-disabled-bg: var(--saitharn-green); --bs-btn-disabled-border-color: var(--saitharn-green); } .btn-info { --bs-btn-color: var(--bs-emphasis-color); --bs-btn-hover-color: var(--bs-emphasis-color); --bs-btn-active-color: var(--bs-emphasis-color); --bs-btn-disabled-color: var(--bs-emphasis-color); } .btn-warning { --bs-btn-color: var(--bs-emphasis-color); --bs-btn-hover-color: var(--bs-emphasis-color); --bs-btn-active-color: var(--bs-emphasis-color); --bs-btn-disabled-color: var(--bs-emphasis-color); } .btn-light { --bs-btn-color: var(--bs-emphasis-color); --bs-btn-hover-color: var(--bs-emphasis-color); --bs-btn-active-color: var(--bs-emphasis-color); --bs-btn-disabled-color: var(--bs-emphasis-color); } .btn-outline-info { --bs-btn-hover-color: var(--bs-emphasis-color); --bs-btn-active-color: var(--bs-emphasis-color); } .btn-outline-warning { --bs-btn-hover-color: var(--bs-emphasis-color); --bs-btn-active-color: var(--bs-emphasis-color); } .btn-outline-light { --bs-btn-hover-color: var(--bs-emphasis-color); --bs-btn-active-color: var(--bs-emphasis-color); } .btn-outline-primary { --bs-btn-color: var(--saitharn-green); --bs-btn-border-color: var(--saitharn-green); --bs-btn-hover-bg: var(--saitharn-green); --bs-btn-hover-border-color: var(--saitharn-green); --bs-btn-active-bg: var(--saitharn-green); --bs-btn-disabled-color: var(--saitharn-green); --bs-btn-disabled-border-color: var(--saitharn-green); } .dropdown-menu { --bs-dropdown-link-active-bg: var(--saitharn-green); } .dropdown-menu-dark { --bs-dropdown-link-active-bg: var(--saitharn-green); } .nav-pills { --bs-nav-pills-link-active-bg: var(--saitharn-green); } .pagination { --bs-pagination-active-bg: var(--saitharn-green); --bs-pagination-active-border-color: var(--saitharn-green); } .progress, .progress-stacked { --bs-progress-bar-bg: var(--saitharn-green); } .list-group { --bs-list-group-active-bg: var(--saitharn-green); --bs-list-group-active-border-color: var(--saitharn-green) } :root, [data-bs-theme=light] { --plone-link-color: var(--saitharn-green)); } [data-bs-theme=dark] { --plone-link-color: var(--saitharn-green); } .navbar-barceloneta { --bs-navbar-background: var(--saitharn-green); } .tooltip { font-family: var(--bs-font-sans-serif); } .popover { font-family: var(--bs-font-sans-serif); } .font-monospace { font-family: var(--bs-font-monospace); } :root { --plone-toolbar-font: var(--bs-font-sans-serif); } /* general collapsed dark mode */ #edit-zone { font-family: var(--plone-toolbar-font); } /* Custumised TCE */ .mce-content-body .mce-resize-helper { font-family: "IBM Plex Sans Thai"; } .body { font-family: "IBM Plex Sans Thai"; } .table-primary { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); } .table-secondary { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); } .table-success { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); } .table-info { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); } .table-warning { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); } .table-danger { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); } .table-light { --bs-table-color: var(--bs-emphasis-color); --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-hover-color: var(--bs-emphasis-color); }