ftui-bright-mint-ui.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. body {
  2. background-color: #fff;
  3. color: #222222;
  4. }
  5. nav,
  6. :not([data-type="circlemenu"]) > .menu {
  7. background: #5bc995;
  8. color: #ffffff;
  9. }
  10. .menu .menu-trigger {
  11. background: #5bc995;
  12. }
  13. .gridster > ul > li, .card {
  14. background-color:#eee;
  15. text-align: center;
  16. }
  17. .gridster li header, .card > header {
  18. background: #5bc995;
  19. color: #222;
  20. }
  21. [data-type="symbol"].big, [data-type="multistatebutton"].big,
  22. [data-type="switch"].big, [data-type="button"].big,
  23. [data-type="push"].big, [data-type="pagebutton"].big {
  24. font-size: 200% !important;
  25. }
  26. section{
  27. background-color: #ffffff;
  28. }
  29. .uline{
  30. border-bottom: 1px solid #888;
  31. }
  32. /* Slider colors */
  33. .range-handle {
  34. background-color: #fff !important;
  35. }
  36. .range-bar {
  37. background-color: #aaa;
  38. }
  39. select {
  40. color: #444;
  41. }
  42. svg > text {
  43. fill: #444;
  44. }
  45. polyline {
  46. stroke: #0088CC !important;
  47. }
  48. .dialog {
  49. color: #eeeeee;
  50. }
  51. i#warn {
  52. color: #FFFFFF;
  53. }
  54. i#warn-back {
  55. color: #DB1D1D;
  56. }
  57. .bg-gray,.btn-gray { background-color:#999999;}
  58. .bg-lightgray,.btn-lightgray { background-color:#EDEDED;}
  59. option {background-color: #ffffff;}
  60. /* pseudo classes for widget init function */
  61. .pagetab.on{color:#eee;background-color:#0088CC;}
  62. .pagetab.off{color:#eee;background-color:#aaa;}
  63. .dimmer.on{color:#eee;background-color:#0088CC;}
  64. .dimmer.off{color:#eee;background-color:#aaa;}
  65. .symbol.on{color:#0088CC;background-color:#0088CC;}
  66. .symbol.off{color:#222;background-color:#222;}
  67. .switch.on{color:#eee;background-color:#0088CC;}
  68. .switch.off{color:#eee;background-color:#aaa;}
  69. .push.on{color:#0088CC;background-color:#0088CC;}
  70. .push.off{color:#888;background-color:#888;}
  71. .thermostat.tkcolor{color:#888;}
  72. .thermostat.fgcolor{color:#555;}
  73. .thermostat.input{color:#444;}
  74. .homestatus.fgcolor{color:#0088CC;}
  75. .homestatus.tkcolor{color:#aaa;}
  76. .checkbox.on {color:#fff;background-color:#5bc995;}
  77. .checkbox.off {color:#fff;background-color:#999;}
  78. .slider{color:#0088CC;background-color:#999;}
  79. .volume.hdcolor{color:#0088CC;}
  80. .volume.fgcolor{color:#555;}