.theme-light {
    --bg-color-primary: #ffffff;
    --bg-color-secondary: #F2F5F5;
    --bg-color-tertiary: #141A20;
    --bg-color-fourth: #FAE63C;
    --bg-video-time:#00000033;
    --bg-lifestyle-widget:#EDEDED;
    --bg-gadgets-btn: #141A20;
    --bg-page-btn: #2c2c2c;

    --ad-bg-color: #f2f5f5;
    --ad-text-color: #292929;
    --deeplinks-bg-color: #f2f5f5;
    --deeplinks-text-color: #141A20;

    --menu-color:#28313A;
    --font-color-primary:#141A20;
    --font-color-secondary:#013332;
    --title-font-color:#013332;
    --footer-list-color:#0A0E12;
    --all-border-color:#EDEDED;
    --vid-time-color:#ffffff;
    --font-primary:#000000;


    --temples-color-primary: #0A0E12;
    --temples-color-secondary: #28313A;
    --temples-nav-bg-color: #013332;
    --temples-nav-font-color: #ffffff;
    --temples-cat-color: #8F99A3;
    --temples-cat-color-active: #28313A;
    --temples-bg-color: #F2F5F5;
    --temples-border-color: #0a0e12;
    --temples-list-color: #292929;
    --temples-footer-border-color: #ededed;
    --temples-seperator-color: #c0c7cc;
    --temples-option-color: #000000;
    --temples-option-border-color: #ffffff;
    --temples-selbox-color: #013332;
    --temples-strike-color : #FAE63C;
    --temples-subtitle-color: #141A20;
    --temples-faqstitle-color: #1F1F1F;
    --temples-faqsdesc-color: #292929;
    --temples-faqsborder-color: #D6D6D6;
    --temples-selbox-bg: #ffffff;

    --lottery-title-color:#0a0e12;
    --lottery-statbg-color:#f2f5f5;
    --lottery-city-color:#013332;
    --lottery-time-color:#8F99A3;
    --lottery-date-bg:#F2F5F5;
    --lottery-cal-button-bg:#08F4FB;
    --lottery-date-box-bg:#F2F5F5;
    --lottery-breakline:#808080;
    --lottery-primary-color:#141A20;
    --lottery-secondary-color:#656363;
    --lottery-primary-bg:#F6FDFF;
    --lottery-search-color:#99ADAD;
    --lottery-border-color:#E6EBEA;
    --lottery-winner-color:#656363;
    --lottery-tiknum-color:#00F4FB;
    --lottery-popup-bg:#F2F5F5;
    --lottery-popup-h2color:#003332;
    --lottery-popup-daycolor:#28313A;
    --lottery-popup-dayactive:#003332;
    --lottery-search-color:#99ADAD;
    --lottery-boxactive-bg:#003332;
    --lottery-boxactive-color:#ffffff;
    --lottery-popup-bg:#ffffff;
    --lottery-popup-search-border:#E6EBEA;
    --lottery-popup-search-btn:#003332;
    --lottery-popup-more-search-btn:#141A20;
    --lottery-popup-more-search-border:#003332;



    --header-logo: url(../images/lightmode/oneindia-logo.svg);
    --menu-toggle: url(../images/lightmode/toggle-menu-btn.svg);
    --footer-logo: url(../images/lightmode/oneindia-footer-logo.svg);
    --more-city-logo: url(../images/lightmode/more-city-icon.svg);
    --footer-facebook-logo: url(../images/lightmode/f-fb.svg);
    --footer-insta-logo: url(../images/lightmode/f-insta.svg);
    --footer-youtube-logo: url(../images/lightmode/f-youtube.svg);
    --footer-x-logo: url(../images/lightmode/f-x.svg);
    --dark-img: url(../images/lightmode/dark.svg);
    --light-img: url(../images/lightmode/light-mode.svg);
    --notification-icon: url(../images/lightmode/notification-bell.svg);
    --user-icon: url(../images/lightmode/user-icon.svg);
    --search-icon: url(../images/lightmode/search-icon.svg);
    --header-close: url(../images/lightmode/header-close.svg);
    --header-search: url(../images/lightmode/header-search.svg);
    --next-bg: url(../images/lightmode/next.svg);
    --signup: url(../images/lightmode/signup.svg);
    --temples-filter-icon: url(../images/lightmode/filter-icon.svg);
    --location-icon: url(../images/lightmode/location-map.svg);
    --bullet-arrow: url(../images/lightmode/bullet-arrow.svg);
    --phone-icon: url(../images/lightmode/phone-icon.svg);
    --temples-filter-icon: url(../images/lightmode/filter-icon.svg);
    --lottery-arrow-icon: url(../images/lightmode/l-arrow-right.svg);
    --lottery-cal-icon: url(../images/lightmode/calendar.svg);
    --lottery-search-icon: url(../images/lightmode/Search.svg);
    --lottery-popup-close: url(../images/lightmode/close1.svg);
    
}
.theme-dark {
    --bg-color-primary: #0A0E12;
    --bg-color-secondary: #141A20;
    --bg-color-tertiary: #1A2127;
    --bg-color-fourth: #FAE63C;
    --bg-video-time:#FFFFFF;
    --bg-lifestyle-widget:#28313A;
    --bg-gadgets-btn: #28313A;
    --bg-page-btn: #ffffff;

    --ad-bg-color: #1A2127;
    --ad-text-color: #f7f7f7;
    --deeplinks-bg-color: #1A2127;
    --deeplinks-text-color: #fff;

    --menu-color:#EDEDED;
    --font-color-primary:#ffffff;
    --font-color-secondary:#ffffff;
    --title-font-color:#FFFFFF;
    --footer-list-color:#ffffff;
    --all-border-color:#28313A;
    --vid-time-color:#000000;
    --font-primary:#ffffff;



    --temples-color-primary: #FFFFFF;
    --temples-color-secondary: #EDEDED;
    --temples-nav-bg-color: #28313A;
    --temples-nav-font-color: #ffffff;
    --temples-cat-color: #8F99A3;
    --temples-cat-color-active: #ffffff;
    --temples-bg-color: #141A20;
    --temples-border-color: #0a0e12;
    --temples-list-color: #EDEDED;
    --temples-footer-border-color: #28313A;
    --temples-seperator-color: #4c535a;
    --temples-option-color: #ffffff;
    --temples-option-border-color: #0a0e12;
    --temples-selbox-color: #ffffff;
    --temples-strike-color : #06ADB2;
    --temples-subtitle-color: #EDEDED;
    --temples-faqstitle-color: #ffffff;
    --temples-faqsdesc-color: #EDEDED;
    --temples-faqsborder-color: #28313A;
    --temples-selbox-bg: #28313A;


    --lottery-title-color:#ededed;
    --lottery-statbg-color:#28313A;
    --lottery-city-color:#06ADB2;
    --lottery-time-color:#F8F8F8;
    --lottery-date-bg:#28313A;
    --lottery-cal-button-bg:#ffffff;
    --lottery-date-box-bg:#28313A;
    --lottery-breakline:#EDEDED;
    --lottery-primary-color:#EDEDED;
    --lottery-secondary-color:#8F99A3;
    --lottery-primary-bg:#141A20;
    --lottery-search-color:#8F99A3;
    --lottery-border-color:#0A0E12;
    --lottery-winner-color:#8F99A3;
    --lottery-tiknum-color:#06ADB2;
    --lottery-popup-bg:#141A20;
    --lottery-popup-h2color:#06ADB2;
    --lottery-popup-daycolor:#ededed;
    --lottery-popup-dayactive:#06ADB2;
    --lottery-search-color:#8F99A3;
    --lottery-boxactive-bg:#06adb2;
    --lottery-boxactive-color:#003332;
    --lottery-popup-bg:#0A0E12;
    --lottery-popup-search-border:#28313A;
    --lottery-popup-search-btn:#06ADB2;
    --lottery-popup-more-search-btn:#ffffff;
    --lottery-popup-more-search-border:#28313A;


    
    --header-logo: url(../images/darkmode/oneindia-logo.svg);
    --menu-toggle: url(../images/darkmode/toggle-menu-btn.svg);
    --footer-logo: url(../images/darkmode/oneindia-footer-logo.svg);
    --more-city-logo: url(../images/darkmode/more-city-icon.svg);
    --footer-facebook-logo: url(../images/darkmode/f-fb.svg);
    --footer-insta-logo: url(../images/darkmode/f-insta.svg);
    --footer-youtube-logo: url(../images/darkmode/f-youtube.svg);
    --footer-x-logo: url(../images/darkmode/f-x.svg);
    --dark-img: url(../images/darkmode/dark.svg);
    --light-img: url(../images/darkmode/light-mode.svg);
    --notification-icon: url(../images/darkmode/notification-bell.svg);
    --user-icon: url(../images/darkmode/user-icon.svg);
    --search-icon: url(../images/darkmode/search-icon.svg);
    --header-close: url(../images/darkmode/header-close.svg);
    --header-search: url(../images/darkmode/header-search.svg);
    --next-bg: url(../images/darkmode/next.svg);
    --signup: url(../images/darkmode/signup.svg);
    --temples-filter-icon: url(../images/darkmode/filter-icon.svg);
    --location-icon: url(../images/darkmode/location-map.svg);
    --bullet-arrow: url(../images/darkmode/bullet-arrow.svg);
    --phone-icon: url(../images/darkmode/phone-icon.svg);
    --temples-filter-icon: url(../images/darkmode/filter-icon.svg);
    --lottery-arrow-icon: url(../images/darkmode/l-arrow-right.svg);
    --lottery-cal-icon: url(../images/darkmode/calendar.svg);
    --lottery-search-icon: url(../images/darkmode/Search.svg);
    --lottery-popup-close: url(../images/darkmode/close1.svg);


}

/*
 * Latest Themes Styles
 */


.theme-light {
    --bg-color-primary: #ffffff;
    --bg-color-secondary: #F2F5F5;
    --bg-color-tertiary: #0A25291A;
    --bg-color-fourth: #013332;
    --bg-more-nav: #0A0E12;
    --widget-bg-color: #1A2127;
    --widget-bg-color1: #fff;
    --menu-bg: #013332;
    --font-color-heading: #0A0E12;
    --font-color-primary: #28313A;
    --font-color-secondary: #013332;
    --font-color-tertiary: #28313A;
    --font-color-fourth: #141A20;
    --font-color-more-nav: #fff;
    --font-color-active: #08f4fb;
    
    --nav-color: #28313A;
    --nav-active-color: #0A0E12;
    --border-color-primary: #EDEDED;
    --cat-color-primary: #19C0C5;
    --dots-bg-color: #ECEAEB;
    --dots-bg-active-color: #28313A;
    --icon-bg: rgba(0,0,0,0.1);
    --searchbox-color: #8F99A3;
    --border-nav: rgba(0,0,0,0.1);
    
    --footer-color-primary: #8F99A3;
    --footer-color-secondary: #0A0E12;
    --footer-sticky-bg-color: #EDEDED;
    --footer-sticky-border: #EDEDED;
    --footer-sticky-color: #141A20;
    
    --ad-bg-color: #f2f5f5;
    --ad-text-color: #292929;
    --deeplinks-bg-color: #f2f5f5;
    --deeplinks-text-color: #0A0E12;
    
    --signin-bg-color: #fff;
    --signin-heading-color: #0A0E12;
    --signin-desc-color: #0A0E12;
    --signin-btn-color: #000;
    --signin-btn-border-color: #6A6A6A;
    --signin-close-bg: #7D8796;
    --signin-close-color: #fff;
    
    --signout-color: #013332;
    --signout-bg-color: #F2F5F5;
    --switch-bg-circle: #fff;
    --switch-bg: #CCD6D6;
    --switch-bg-inactive: #0A0E12;
    
    --liveblog-font-color: #28313A;
    --just-now-border: #013332;
    
    --prevnext-arrow-bg: #28313A;
    --prevnext-arrow-bg-disabled: #8F99A3;
    --city-arrowbg: #141A20;
    
    
    
    --photos-count-color: #08F4FB;
    --photos-bg-color: #141A20;
    
    --videos-bg-color: #FFFFFF;
    --videos-catbg-color: #F2F5F5;
    --videos-catbg-active-color: #013332;
    --videos-catfont-color: #141A20;
    --videos-catfont-active-color: #ffffff;
    
    --bg-color-updates: #fff;
    --border-color-btn: #EDEDED;
    
    --header-logo: url(../images/lightmode/oneindia-logo.svg);    
    --notification-icon-on: url(../images/lightmode/notification-bell.svg);
    --notification-icon-off: url(../images/lightmode/notification-off.svg);
    --language-icon: url(../images/lightmode/language-icon.svg);
    --language-active-icon: url(../images/lightmode/language-active-icon.svg);
    --user-icon: url(../images/lightmode/user-icon.svg); 
    --user-tick: url(../images/lightmode/tick-active.svg);
    --search-icon: url(../images/lightmode/search-icon.svg);
    --header-search: url(../images/lightmode/header-search.svg);
    --header-close: url(../images/lightmode/header-close.svg);
    --bottom-border: url(../images/lightmode/bottom-border.svg);
    --download-icon: url(../images/lightmode/download-icon.svg);
    --header-search-icon: url(../images/lightmode/search-header-icon.svg);
    
    --siginin-logo: url(../images/lightmode/signin-logo-o.svg);
    --signout-icon: url(../images/lightmode/signout-icon.svg);
    --profile-icon: url(../images/lightmode/profile-icon.svg);
    
    --facebook-icon: url(../images/lightmode/facebook.svg);
    --instagram-icon: url(../images/lightmode/instagram.svg);
    --youtube-icon: url(../images/lightmode/youtube.svg);
    --youtube-icon1: url(../images/darkmode/youtube.svg);
    --x-icon: url(../images/lightmode/x.svg);
    
    --footer-logo: url(../images/lightmode/oneindia-footer-logo.svg);
    --rupee-icon: url(../images/lightmode/rupee-icon.svg);
    --trending-icon: url(../images/lightmode/trending-icon.svg);
    
    --settings-icon: url(../images/lightmode/settings-icon.svg);
    --share-icon: url(../images/lightmode/share-icon.svg);
    --no-notf-icon: url(../images/lightmode/no-notf-icon.svg);
    --notf-tick-active:  url(../images/lightmode/tick-active.svg);
    --notf-tick-inactive: url(../images/lightmode/tick-inactive.svg);
    --notf-back-arrow: url(../images/lightmode/prev-arrow.svg);
    
    --prevnext-arrow: url(../images/lightmode/next-arrow.svg);
    --prevnext-arrow-disabled: url(../images/darkmode/next-arrow.svg);
    
    
     --photos-share-icon: url(../images/lightmode/photos-share-icon.svg);
     
    --facebook-share-icon: url(../images/lightmode/notf-facebook-icon.svg);
    --instagram-share-icon: url(../images/lightmode/notf-instagram-icon.svg);
    --whatsapp-share-icon: url(../images/lightmode/notf-whatsapp-icon.svg);
    --x-share-icon: url(../images/lightmode/notf-x-icon.svg);
    --youtube-share-icon: url(../images/lightmode/notf-youtube-icon.svg);
     
}
.theme-dark {
	--bg-color-primary: #0A0E12;
    --bg-color-secondary: #141A20;
    --bg-color-tertiary: #28313A;  
    --bg-color-fourth:  #28313A; 
    --bg-more-nav: #fff;
    --widget-bg-color: #1A2127;
    --widget-bg-color1: #1A2127;
    
    --menu-bg: #ffffff;
    --font-color-heading: #ffffff;
    --font-color-primary: #ffffff;
    --font-color-secondary: #C2C2C2;
    --font-color-tertiary: #EDEDED;
    --font-color-fourth: #fff;
    --font-color-more-nav: #0A0E12;
    --font-color-active: #08f4fb;
    
    --nav-color: #EDEDED;
    --nav-active-color: #ffffff;
    --border-color-primary: #28313a;
    --cat-color-primary: #19C0C5;
    --dots-bg-color: #8F99A3;
    --dots-bg-active-color: #EDEDED;    
    --icon-bg: rgba(238,238,238,0.1);
    --searchbox-color: #EDEDED;
    --border-nav: rgba(255,255,255,0.1);
    
    
    --footer-color-primary: #F2F5F5;
    --footer-color-secondary: #F2F5F5;
    --footer-sticky-bg-color: #1A2127;
    --footer-sticky-border: #28313A;
    --footer-sticky-color: #F2F5F5;
    
    
    --ad-bg-color: #1A2127;
    --ad-text-color: #f7f7f7;
    --deeplinks-bg-color: #1A2127;
    --deeplinks-text-color: #fff;
    
    --signin-bg-color: #013332;
    --signin-heading-color: #fff;
    --signin-desc-color: rgba(255,255,255,0.9);
    --signin-btn-color: #000;
    --signin-btn-border-color: rgba(0,0,0,0.1);
    --signin-close-bg: rgba(255,255,255,0.2);
    --signin-close-color: #fff;
    --signout-color: #013332;
    --signout-bg-color: #F2F5F5;
    
    --switch-bg-circle: #0A0E12;
    --switch-bg-inactive: #CCD6D6;
    --switch-bg: #fff;
    
    --liveblog-font-color: #fff;
    --just-now-border: #06ADB2;
    
    --prevnext-arrow-bg: #EDEDED;
    --prevnext-arrow-bg-disabled: #28313A;
    
    --city-arrowbg: #28313A;
    
    
    
    --photos-count-color: #06ADB2;
    --photos-bg-color: #28313A;
    
    
    --videos-bg-color: #141A20;
    --videos-catbg-color: #28313A;
    --videos-catbg-active-color: #EDEDED;
    --videos-catfont-color: #F2F5F5;
    --videos-catfont-active-color: #0A0E12;
    
    
    --bg-color-updates: #28313A;
    --border-color-btn: rgba(255,255,255,0.2);
    
    
    --header-logo: url(../images/darkmode/oneindia-logo.svg);
    --notification-icon-on: url(../images/darkmode/notification-bell.svg);
    --notification-icon-off: url(../images/darkmode/notification-off.svg);
    --language-icon: url(../images/darkmode/language-icon.svg);
    --language-active-icon: url(../images/darkmode/language-active-icon.svg);
    --user-icon: url(../images/darkmode/user-icon.svg);
    --user-tick: url(../images/darkmode/tick-active.svg);
    --search-icon: url(../images/darkmode/search-icon.svg);
    --header-search: url(../images/darkmode/header-search.svg);
    --header-close: url(../images/darkmode/header-close.svg);
    --bottom-border: url(../images/darkmode/bottom-border.svg);
    --download-icon: url(../images/darkmode/download-icon.svg);
    --header-search-icon: url(../images/darkmode/search-header-icon.svg);
    
    --siginin-logo: url(../images/darkmode/signin-logo-o.svg);
    --signout-icon: url(../images/darkmode/signout-icon.svg);
    --profile-icon: url(../images/darkmode/profile-icon.svg);
    
    
    --facebook-icon: url(../images/darkmode/facebook.svg);
    --instagram-icon: url(../images/darkmode/instagram.svg);
    --youtube-icon: url(../images/darkmode/youtube.svg);
    --youtube-icon1: url(../images/darkmode/youtube.svg);
    --x-icon: url(../images/darkmode/x.svg);
    
    --footer-logo: url(../images/darkmode/oneindia-logo.svg);
    --rupee-icon: url(../images/darkmode/rupee-icon.svg);
    --trending-icon: url(../images/darkmode/trending-icon.svg);
    
    --settings-icon: url(../images/darkmode/settings-icon.svg);
    --share-icon: url(../images/darkmode/share-icon.svg);
    --no-notf-icon: url(../images/darkmode/no-notf-icon.svg);
    --notf-tick-active:  url(../images/darkmode/tick-active.svg);
    --notf-tick-inactive: url(../images/darkmode/tick-inactive.svg);
    --notf-back-arrow: url(../images/darkmode/prev-arrow.svg);
    
    --prevnext-arrow: url(../images/darkmode/next-arrow.svg);
    --prevnext-arrow-disabled: url(../images/darkmode/next-arrow-white.svg);
    
    
     --photos-share-icon: url(../images/darkmode/photos-share-icon.svg);
     
     
    --facebook-share-icon: url(../images/darkmode/notf-facebook-icon.svg);
    --instagram-share-icon: url(../images/darkmode/notf-instagram-icon.svg);
    --whatsapp-share-icon: url(../images/darkmode/notf-whatsapp-icon.svg);
    --x-share-icon: url(../images/darkmode/notf-x-icon.svg);
    --youtube-share-icon: url(../images/darkmode/notf-youtube-icon.svg);
}