341 lines
16 KiB
CSS
341 lines
16 KiB
CSS
/* Works on Chrome, Edge, and Safari */
|
|
/* Taken from https://github.com/tahir-zaqout/sundae_theme/tree/master/sundae_theme/public/css */
|
|
:root{
|
|
--main-color: #271869;
|
|
--second-color: #271869;
|
|
--third-color: #271869;
|
|
--widget-bg: rgb(255, 255, 255) ;
|
|
}
|
|
[data-theme=modern_ui_theme]{
|
|
--primary: var(--main-color);
|
|
--dt-primary-color: var(--main-color);
|
|
--blue-avatar-bg: var(--main-color);
|
|
--blue-avatar-color: var(--main-color);
|
|
--blue: var(--main-color)
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .page-container,
|
|
[data-theme=modern_ui_theme] .layout-main-section {
|
|
background-color: white;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] ul li a:hover {
|
|
background-color: var(--second-color);
|
|
color: #fff;
|
|
}
|
|
/* Main */
|
|
[data-theme=modern_ui_theme] body {
|
|
font-size: 14px;
|
|
background-color: #f3f6f9;
|
|
}
|
|
[data-theme=modern_ui_theme]a {
|
|
color: #666;
|
|
font-weight: 500;
|
|
}
|
|
[data-theme=modern_ui_theme] .small, small {
|
|
font-size: 95%;
|
|
}
|
|
[data-theme=modern_ui_theme] .h6.uppercase, h6.uppercase {
|
|
font-weight: 600;
|
|
font-size: 11.5px;
|
|
}
|
|
|
|
/* Navigation Bar */
|
|
[data-theme=modern_ui_theme] .standard-sidebar-item.selected{
|
|
background: var(--main-color);
|
|
}
|
|
[data-theme=modern_ui_theme] .standard-sidebar-item.selected a{
|
|
color: #fff;
|
|
}
|
|
[data-theme=modern_ui_theme] .standard-sidebar-item.selected a svg{
|
|
fill: #fff;
|
|
}
|
|
[data-theme=modern_ui_theme] .standard-sidebar-item:hover{
|
|
background-color: var(--second-color);
|
|
}
|
|
[data-theme=modern_ui_theme] .standard-sidebar-item:hover a,
|
|
[data-theme=modern_ui_theme] .standard-sidebar-item:hover svg{
|
|
color: #fff;
|
|
fill: #fff;
|
|
}
|
|
|
|
|
|
|
|
[data-theme=modern_ui_theme] .navbar {
|
|
background: var(--main-color);
|
|
border: none !important;
|
|
}
|
|
[data-theme=modern_ui_theme] .navbar-nav>li>a{
|
|
color:#fff !important;
|
|
}
|
|
[data-theme=modern_ui_theme] .navbar-nav>li>a:hover{
|
|
color:#ddd !important;
|
|
}
|
|
[data-theme=modern_ui_theme] .navbar-brand:hover {
|
|
color:#ddd !important;
|
|
}
|
|
|
|
/* Widgets */
|
|
[data-theme=modern_ui_theme] .widget {
|
|
background-color: var(--widget-bg);
|
|
border: none;
|
|
box-shadow: 0px 3px 12px 0px var(--widget-bg), 0 3px 3px -2px #461a7714;
|
|
}
|
|
[data-theme=modern_ui_theme] .widget.shortcut-widget-box .widget-head .widget-title i {
|
|
color: var(--third-color);
|
|
}
|
|
[data-theme=modern_ui_theme] .widget.shortcut-widget-box .widget-head .widget-title:hover span{
|
|
color: var(--main-color);
|
|
}
|
|
[data-theme=modern_ui_theme] .widget-body .link-item:hover{
|
|
color: #fff;
|
|
background: var(--third-color);
|
|
}
|
|
/* Sidebar */
|
|
[data-theme=modern_ui_theme] .desk-sidebar .desk-sidebar-item {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: var(--widget-bg);
|
|
}
|
|
[data-theme=modern_ui_theme] .layout-side-section {
|
|
font-size: 14px;
|
|
}
|
|
[data-theme=modern_ui_theme] .uppercase {
|
|
color:var(--third-color);
|
|
}
|
|
|
|
/* Dropdowns */
|
|
[data-theme=modern_ui_theme] .dropdown-menu>li>a {
|
|
font-size: 13px;
|
|
color:#666;
|
|
font-weight: 500;
|
|
}
|
|
[data-theme=modern_ui_theme] .awesomplete > ul > li[aria-selected=true]{
|
|
background-color: transparent;
|
|
}
|
|
[data-theme=modern_ui_theme] .awesomplete > ul > li:hover{
|
|
background: linear-gradient(to right, var(--main-color), var(--second-color));
|
|
}
|
|
[data-theme=modern_ui_theme] .awesomplete > ul > li:hover a{
|
|
color: #fff;
|
|
}
|
|
/* Page Heading */
|
|
[data-theme=modern_ui_theme] .page-head {
|
|
border-bottom: none !important;
|
|
box-shadow: 0 1px 10px 1px rgba(115, 108, 203, 0.1);
|
|
}
|
|
[data-theme=modern_ui_theme] .page-title .title-text {
|
|
color: var(--third-color);
|
|
font-size: 22px;
|
|
}
|
|
[data-theme=modern_ui_theme] .widget .widget-head .widget-title,
|
|
[data-theme=modern_ui_theme] .section-head,
|
|
[data-theme=modern_ui_theme] .comment-input-header {
|
|
font-size: 14px;
|
|
color: var(--third-color);
|
|
}
|
|
|
|
/*Main Section */
|
|
[data-theme=modern_ui_theme] .list-row-head {
|
|
background-color: #f3f6f9;
|
|
border-bottom: 1px solid #e4e4e4 !important;
|
|
}
|
|
|
|
/* Buttons */
|
|
[data-theme=modern_ui_theme] .btn-primary {
|
|
background-color: var(--main-color);
|
|
border-color: var(--main-color);
|
|
}
|
|
[data-theme=modern_ui_theme] .control-label, .grid-heading-row {
|
|
font-size:13px;
|
|
}
|
|
[data-theme=modern_ui_theme] .btn-default:hover,
|
|
[data-theme=modern_ui_theme] .btn-default:focus, .btn-default.focus,
|
|
[data-theme=modern_ui_theme] .btn-default:active, .btn-default.active,
|
|
[data-theme=modern_ui_theme] .open > .dropdown-toggle.btn-default {
|
|
background-color: var(--third-color) !important;
|
|
color: #fff !important;
|
|
}
|
|
[data-theme=modern_ui_theme] .btn-default:hover svg{
|
|
stroke: #fff !important;
|
|
fill: #fff !important;
|
|
color: #fff !important;
|
|
}
|
|
[data-theme=modern_ui_theme] .btn-primary:hover,
|
|
[data-theme=modern_ui_theme] .btn-primary:focus, .btn-primary.focus,
|
|
[data-theme=modern_ui_theme] .btn-primary:active, .btn-primary.active,
|
|
[data-theme=modern_ui_theme] .open > .dropdown-toggle.btn-primary {
|
|
background-color: var(--main-color) !important;
|
|
border-color: var(--main-color) !important;
|
|
}
|
|
[data-theme=modern_ui_theme] .btn-secondary,
|
|
[data-theme=modern_ui_theme] .btn-secondary:focus, .btn-secondary.focus,
|
|
[data-theme=modern_ui_theme] .btn-secondary:active, .btn-secondary.active,
|
|
[data-theme=modern_ui_theme] .open > .dropdown-toggle.btn-secondary {
|
|
background-color: var(--third-color);
|
|
color: #fff;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .btn-secondary:hover{
|
|
background-color: var(--main-color);
|
|
color: #fff;
|
|
}
|
|
[data-theme=modern_ui_theme] .indicator-right.blue:after, .indicator.blue:before {
|
|
background: var(--third-color);
|
|
}
|
|
|
|
/*Other Components*/
|
|
[data-theme=modern_ui_theme] input[type=checkbox]:checked:before {
|
|
color: var(--third-color);
|
|
}
|
|
[data-theme=modern_ui_theme] input[type=checkbox]:checked{
|
|
background: var(--main-color);
|
|
}
|
|
[data-theme=modern_ui_theme] .frappe-control .ql-editor:not(.read-mode){
|
|
background: var(--widget-bg);
|
|
}
|
|
[data-theme=modern_ui_theme] .input-with-feedback,
|
|
[data-theme=modern_ui_theme] .like-disabled-input{
|
|
background-color: #e8eafcad;
|
|
}
|
|
[data-theme=modern_ui_theme] .document-link-badge span{
|
|
background-color: var(--main-color) !important;
|
|
color: #fff;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .document-link-badge{
|
|
background-color: var(--widget-bg)!important;
|
|
}
|
|
[data-theme=modern_ui_theme] .document-link button{
|
|
background: var(--third-color) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .document-link button svg{
|
|
fill: white;
|
|
stroke: white;
|
|
}
|
|
[data-theme=modern_ui_theme] .indicator-pill.gray,
|
|
[data-theme=modern_ui_theme] .indicator-pill-right.gray,
|
|
[data-theme=modern_ui_theme] .indicator-pill-round.gray {
|
|
background: var(--third-color);
|
|
color: #fff;
|
|
}
|
|
[data-theme=modern_ui_theme] .indicator-pill.green,
|
|
[data-theme=modern_ui_theme] .indicator-pill-right.green,
|
|
[data-theme=modern_ui_theme] .indicator-pill-round.green {
|
|
color: var(--main-color);
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .notifications-icon svg{
|
|
stroke: #fff;
|
|
fill: #fff;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] #page-Workspaces .page-head{
|
|
background: var(--widget-bg);
|
|
}
|
|
|
|
|
|
[data-theme=modern_ui_theme] .notifications-unseen use[href="#es-line-notifications-unseen"] {
|
|
display: none;
|
|
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .notifications-seen use[href="#es-line-notifications"] {
|
|
display: none;
|
|
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .notifications-unseen {
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.29664%204.72727V5.25342C6.60683%206.35644%204.7276%209.97935%204.79579%2013.1192L4.79577%2014.8631C3.4188%2016.6333%203.49982%2019.2727%206.93518%2019.2727H9.29664C9.29664%2019.996%209.57852%2020.6897%2010.0803%2021.2012C10.582%2021.7127%2011.2625%2022%2011.9721%2022C12.6817%2022%2013.3622%2021.7127%2013.8639%2021.2012C14.3656%2020.6897%2014.6475%2019.996%2014.6475%2019.2727H17.0155C20.4443%2019.2727%2020.494%2016.6278%2019.1172%2014.8576L19.1555%2013.1216C19.2248%209.97811%2017.3419%206.35194%2014.6475%205.25049V4.72727C14.6475%204.00395%2014.3656%203.31026%2013.8639%202.7988C13.3622%202.28734%2012.6817%202%2011.9721%202C11.2625%202%2010.582%202.28734%2010.0803%202.7988C9.57852%203.31026%209.29664%204.00395%209.29664%204.72727ZM12.8639%204.72727C12.8639%204.72727%2012.8633%204.76414%2012.8622%204.78246C12.5718%204.74603%2012.2759%204.72727%2011.9757%204.72727C11.673%204.72727%2011.3747%204.74634%2011.082%204.78335C11.0808%204.76474%2011.0803%204.74603%2011.0803%204.72727C11.0803%204.48617%2011.1742%204.25494%2011.3415%204.08445C11.5087%203.91396%2011.7356%203.81818%2011.9721%203.81818C12.2086%203.81818%2012.4354%203.91396%2012.6027%204.08445C12.7699%204.25494%2012.8639%204.48617%2012.8639%204.72727ZM11.0803%2019.2727C11.0803%2019.5138%2011.1742%2019.7451%2011.3415%2019.9156C11.5087%2020.086%2011.7356%2020.1818%2011.9721%2020.1818C12.2086%2020.1818%2012.4354%2020.086%2012.6027%2019.9156C12.7699%2019.7451%2012.8639%2019.5138%2012.8639%2019.2727H11.0803ZM17.0155%2017.4545C17.7774%2017.4545%2018.1884%2016.5435%2017.6926%2015.9538C17.4516%2015.6673%2017.3233%2015.3028%2017.3316%2014.9286L17.3723%2013.0808C17.4404%209.99416%2015.0044%206.54545%2011.9757%206.54545C8.94765%206.54545%206.51196%209.99301%206.57898%2013.0789L6.61916%2014.9289C6.62729%2015.303%206.49893%2015.6674%206.25806%2015.9538C5.76221%2016.5435%206.17325%2017.4545%206.93518%2017.4545H17.0155ZM16.9799%203.20202C17.2945%202.74813%2017.9176%202.63524%2018.3715%202.94988C19.5192%203.74546%2020.8956%205.65348%2021.6471%207.9126C21.8214%208.43664%2021.5379%209.00279%2021.0139%209.17712C20.4898%209.35145%2019.9237%209.06795%2019.7493%208.5439C19.0892%206.55949%2017.9221%205.07189%2017.2321%204.59358C16.7782%204.27894%2016.6653%203.65592%2016.9799%203.20202ZM5.4303%202.94988C5.8842%202.63524%206.50722%202.74813%206.82185%203.20202C7.13649%203.65592%207.0236%204.27894%206.56971%204.59358C5.87969%205.07189%204.71256%206.55949%204.05242%208.5439C3.87809%209.06795%203.31194%209.35145%202.78789%209.17712C2.26384%209.00279%201.98034%208.43664%202.15467%207.9126C2.90619%205.65348%204.2826%203.74546%205.4303%202.94988Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
background-size: 22px 20px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .notifications-seen {
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.33497%204.72727V5.25342C6.64516%206.35644%204.76592%209.97935%204.83412%2013.1192L4.83409%2014.8631C3.45713%2016.6333%203.53815%2019.2727%206.9735%2019.2727H9.33497C9.33497%2019.996%209.61684%2020.6897%2010.1186%2021.2012C10.6203%2021.7127%2011.3008%2022%2012.0104%2022C12.72%2022%2013.4005%2021.7127%2013.9022%2021.2012C14.404%2020.6897%2014.6858%2019.996%2014.6858%2019.2727H17.0538C20.4826%2019.2727%2020.5323%2016.6278%2019.1555%2014.8576L19.1938%2013.1216C19.2631%209.97811%2017.3803%206.35194%2014.6858%205.25049V4.72727C14.6858%204.00396%2014.404%203.31026%2013.9022%202.7988C13.4005%202.28734%2012.72%202%2012.0104%202C11.3008%202%2010.6203%202.28734%2010.1186%202.7988C9.61684%203.31026%209.33497%204.00395%209.33497%204.72727ZM12.9022%204.72727C12.9022%204.74573%2012.9017%204.76414%2012.9006%204.78246C12.6101%204.74603%2012.3142%204.72727%2012.014%204.72727C11.7113%204.72727%2011.413%204.74634%2011.1203%204.78335C11.1192%204.76474%2011.1186%204.74603%2011.1186%204.72727C11.1186%204.48617%2011.2126%204.25494%2011.3798%204.08445C11.547%203.91396%2011.7739%203.81818%2012.0104%203.81818C12.2469%203.81818%2012.4738%203.91396%2012.641%204.08445C12.8083%204.25494%2012.9022%204.48617%2012.9022%204.72727ZM11.1186%2019.2727C11.1186%2019.5138%2011.2126%2019.7451%2011.3798%2019.9156C11.547%2020.086%2011.7739%2020.1818%2012.0104%2020.1818C12.2469%2020.1818%2012.4738%2020.086%2012.641%2019.9156C12.8083%2019.7451%2012.9022%2019.5138%2012.9022%2019.2727H11.1186ZM17.0538%2017.4545C17.8157%2017.4545%2018.2267%2016.5435%2017.7309%2015.9538C17.49%2015.6673%2017.3616%2015.3028%2017.3699%2014.9286L17.4106%2013.0808C17.4787%209.99416%2015.0427%206.54545%2012.014%206.54545C8.98598%206.54545%206.55028%209.99301%206.61731%2013.0789L6.65748%2014.9289C6.66561%2015.303%206.53726%2015.6674%206.29639%2015.9538C5.80054%2016.5435%206.21158%2017.4545%206.9735%2017.4545H17.0538Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
background-size: 22px 20px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
/* [data-theme=modern_ui_theme] .icon use[href="#icon-add"] {
|
|
display: none;
|
|
|
|
} */
|
|
|
|
|
|
[data-theme=modern_ui_theme] .btn-new .icon, .chart-menu {
|
|
/* width: 16px;
|
|
height: 16px;
|
|
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3E%3C%2Ftitle%3E%3Cg%20id%3D%22Complete%22%3E%3Cg%20data-name%3D%22add%22%20id%3D%22add-2%22%3E%3Cg%3E%3Cline%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2219%22%20y2%3D%225%22%2F%3E%3Cline%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20x1%3D%225%22%20x2%3D%2219%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
background-size: 22px 22px;
|
|
background-repeat: no-repeat;
|
|
background-position: center; */
|
|
--icon-fill: white;
|
|
--icon-stroke: white;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .btn-default:hover {
|
|
--icon-fill: white;
|
|
--icon-stroke: white;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .widget.links-widget-box .link-item .link-content:hover{
|
|
color:white;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .nav-item .nav-link:hover{
|
|
color:white !important
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .btn-reset.nav-link span {
|
|
color: white; /* Change text color to white on hover */
|
|
transition: color 0.3s ease; /* Optional: Smooth transition */
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .dashboard-graph .widget-group .grid-col-2 {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|
column-gap: 8px;
|
|
row-gap: 15px;
|
|
align-items: center;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .dashboard-graph .widget-group .grid-col-2 .full-width {
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .dashboard-graph .widget-group {
|
|
font-size: 8px;
|
|
letter-spacing: 0.01em;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .dashboard-graph .legend-dataset-label {
|
|
font-size: 12px;
|
|
}
|
|
|
|
[data-theme=modern_ui_theme] .dashboard-graph .legend-dataset-value {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Target frappe charts but exclude those in full-width widgets */
|
|
[data-theme=modern_ui_theme] .dashboard-graph .dashboard-widget-box:not(.full-width) .frappe-chart.chart {
|
|
height: 350px;
|
|
}
|
|
|
|
/*Profile Icon Colour */
|
|
[data-theme=modern_ui_theme] .avatar-frame.standard-image {
|
|
background-color: var(--dark-green-avatar-bg) !important;
|
|
color: var(--dark-green-avatar-color) !important;
|
|
}
|
|
|
|
|