isite/apps/client-side/site_files/css/theme_dark.css

Create High Level Multi-Language Web Site [Fast and Easy]

:root {

    --theme-color: #151515;
    --theme-color2: #2f8033;
    --font-family: 'Arabic', sans-serif, Tahoma, serif;
    --font-weight: normal;
    --font-size: 14px;
    --line-height: 1.5;
    --float: left;
    --direction: ltr;
    --text-align: left;
    --color: #fff;
    --background-color: #353535;
    --box-shadow-color: #fff;
    --border: 1px solid #fff;
    --zoom: 90%;
    --user-select: none;

    --body-background: #353535;
    --body-margin-top: 70px;
    --body-margin-bottom: 200px;

    --h-font-weight: normal;

    --navbar-color: #4CAF50;
    --navbar-span-color: #fff;
    --navbar-background-color: var(--theme-color);
    --navbar-box-shadow-color: #030303;
    --navbar-li-border-radius: 0px;
    --navbar-li-border: 2px solid #151515;

    --tabs-color: #fff;
    --tabs-background-color: var(--theme-color);
    --tabs-background-color2: #151515;
    --tabs-header-width: 20%;
    --tabs-content-width: 80%;
    --tabs-header-link-color: #fff;
    --tabs-header-link-color2: #ffffff;
    --tabs-header-link-background: none;
    --tabs-header-link-border: 1px solid #151515;
    --tabs-header-link-border-bottom: 1px solid #151515;
    --tabs-header-link-radius: 0px;
    --tab-animation-name: animateopacity;
    --tab-animation-duration: 1s;

    --treeview-color: #000000;
    --treeview-color2: #ffffff;
    --treeview-background-color: none;
    --treeview-border-color: #000000;
    --treeview-background-color2: #83bdf3;
    --treeview-display-color: #0000ff;

    --form-color: #fff;
    --form-background-color: none;
    --label-font-size: var(--font-size);
    --label-font-weight: bold;
    --label-text-align: var(--text-align);

    --input-color: #FFEB3B;
    --input-background-color: #353535;
    --input-height: 35px;
    --input-padding: 6px 12px;
    --input-font-size: 16px;
    --input-font-wight: normal;
    --input-border-radius: 0px;
    --input-border-width: 1px;
    --input-border-color: #030303;
    --input-focus-border-width: 2px;
    --input-focus-border-color: #4caf50;

    --textarea-border-width: 1px;
    --select-appearance: none;
    --select-font-size: var(--input-font-size);
    --select-color: #ffffff;
    --select-height: 35px;

    --btn-color: #ffffff;
    --btn-background: var(--theme-color);
    --btn-add-color: #ffffff;
    --btn-add-background-color: #118011;
    --btn-update-color: #ffffff;
    --btn-update-background-color: #117380;
    --btn-save-color: #ffffff;
    --btn-save-background-color: #117380;
    --btn-delete-color: #ffffff;
    --btn-delete-background-color: #801117;
    --btn-view-color: #ffffff;
    --btn-view-background-color: #451180;
    --btn-exit-color: #ffffff;
    --btn-exit-background-color: #811e1e;
    --btn-search-color: #ffffff;
    --btn-search-background-color: #243688;
    --btn-print-color: #ffffff;
    --btn-print-background-color: #000000;
    --btn-export-color: #000000;
    --btn-export-background-color: #ffffff;
    --btn-sgin-color: #000000;
    --btn-sgin-background-color: #ffffff;
    --btn-box-shadow-color: #030303;
    --btn-border-radius: 0px;

    --i-image-border: 3px dashed #030303;
    --i-image-view-border: 2px solid #030303;

    --fieldset-border: 1px solid #151515;
    --fieldset-background: none;
    --fieldset-margin : 1%;
    --fieldset-padding : 5px;
    --legend-color: #fff;
    --legend-text-shadow: none;
    --legend-font-size: 18px;
    --legend-font-weight: bold;
    --legend-border: none;

    --modal-background: #151515;
    --modal-content-background: #353535;
    --modal-content-border: 3px solid var(--theme-color);
    --modal-color: #fff;
    --modal-animation-name: animateopacity;
    --modal-animation-duration: 1s;
    --modal-header-color: #fff;
    --modal-footer-color: #fff;
    --modal-header-background-color: var(--theme-color);
    --modal-footer-background-color: #030303;
    --modal-box-shadow-color: #000;

    --table-color: #fff;
    --table-background-color: #353535;
    --table-border: 1px solid #030303;
    --table-hover-background-color: #272727;
    --table-th-color: #fff;

    --help-height: 110px;
    --help-border: 5px solid #272727;
    --help-border-radius: 0px;
    --help-background-color: #151515;
    --help-opacity: 1;
    --help-content-color: #ffffff;

    --main-menu-item-padding: 10px;
    --main-menu-item-border: 1px solid #151515;
    --main-menu-item-border-radius: 0px;
    --main-menu-item-background-color: #272727;
    --main-menu-h2-color: #CDDC39;
    --main-menu-p-color: #ffffff;
    
    --scrollbar-background-color: #000;
    --scrollbar-color: #fff;
    --scrollbar-box-shadow-color: #fff;
}