/* Light mode handaling */
body.light.theme-orange select{
       background-color: var(--color-orange-100) !important;
       color: var( --color-gray-900) !important;
}

body.light.theme-black select{
       background-color: var(--color-gray-200) !important;
       color: var( --color-gray-900) !important;
}

body.light.theme-white select{
       background-color: var(--color-white) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-purple select {
       background-color: var(--color-purple-200) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-blue select {
       background-color: var(--color-skyblue-100) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-cyan select {
       background-color: var(--color-teal-100) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-green select {
     background-color: var(--color-green-100) !important;
     color: var(--color-gray-900) !important;
}


/* Dark mode handaling */

body.dark.theme-orange select{
       background-color: var(--color-orange-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-black select{
       background-color: var(--color-gray-600) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-white select{
       background-color: var(--color-gray-400) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-purple select {
       background-color: var(--color-purple-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-blue select {
       background-color: var(--color-skyblue-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-cyan select {
       background-color: var(--color-teal-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-green select {
     background-color: var(--color-green-dark) !important;
     color: var(--color-gray-200) !important;
}

body.dark textarea {
    background-color: var(--color-gray-600) !important;
    color: var(--color-gray-300);
}

body.dark input[type="file"] {
    background-color: var(--color-gray-600) !important;
    color: var(--color-gray-300);
}

body.dark input {
           color: var(--color-gray-300)  !important;
}

body.light input {
           color: var(--color-gray-700)  !important;
}