Advertisement
Guest User

Untitled

a guest
Oct 21st, 2019
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.25 KB | None | 0 0
  1. /* 3.5 styles */
  2.  
  3. /** Header color */
  4. .toolbar-background-md,
  5. .toolbar-background-ios,
  6. .toolbar-background-wp {
  7. background: #6d12a1;
  8. }
  9.  
  10. /*Core top tabs*/
  11. ion-app.app-root .core-tabs-bar .tab-slide[aria-selected=true] {
  12. color: #8d1dce !important;
  13. border-bottom-color: #8d1dce !important;
  14. }
  15.  
  16. /* Bottom tabs selected color */
  17. .tabs-md .tab-button[aria-selected=true] .tab-button-icon,
  18. .tabs-md .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon,
  19. .core-tabs-bar .tabs-md a[aria-selected=true].tab-slide .tab-button-icon,
  20. .tabs-ios .tab-button[aria-selected=true] .tab-button-icon,
  21. .tabs-md .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon,
  22. .core-tabs-bar .tabs-ios a[aria-selected=true].tab-slide .tab-button-icon,
  23. .tabs-wp .tab-button[aria-selected=true] .tab-button-icon,
  24. .tabs-wp .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon,
  25. .core-tabs-bar .tabs-wp a[aria-selected=true].tab-slide .tab-button-icon {
  26. color: #8d1dce;
  27. }
  28.  
  29. .tabs-md .tab-button[aria-selected=false] .tab-button-icon,
  30. .tabs-md .core-tabs-bar a[aria-selected=false].tab-slide .tab-button-icon,
  31. .core-tabs-bar .tabs-md a[aria-selected=false].tab-slide .tab-button-icon,
  32. .tabs-ios .tab-button[aria-selected=false] .tab-button-icon,
  33. .tabs-md .core-tabs-bar a[aria-selected=false].tab-slide .tab-button-icon,
  34. .core-tabs-bar .tabs-ios a[aria-selected=false].tab-slide .tab-button-icon,
  35. .tabs-wp .tab-button[aria-selected=false] .tab-button-icon,
  36. .tabs-wp .core-tabs-bar a[aria-selected=false].tab-slide .tab-button-icon,
  37. .core-tabs-bar .tabs-wp a[aria-selected=false].tab-slide .tab-button-icon {
  38. color: darkgray;
  39. }
  40.  
  41. /**/
  42. ion-app.app-root ion-select.core-button-select,
  43. ion-app.app-root .core-button-select {
  44. color: #8d1dce;
  45. }
  46. .select-md .select-icon {
  47. color: #8d1dce;
  48. }
  49.  
  50. /* Tabs color*/
  51. .core-tabs-bar .slides a.tab-slide[aria-selected=true] {
  52. color: #5069a1 !important;
  53. border-bottom-color: #5069a1 !important;
  54. }
  55. .core-tabs-background {
  56. color: whitesmoke;
  57. }
  58. .core-top-tabs-color-active,
  59. .core-top-tabs-border-active {
  60. color: #6d12a1;
  61. }
  62.  
  63. ion-app.app-root core-ion-tabs .tabbar {
  64. background: white;
  65. }
  66.  
  67. /*Tabs buttons color*/
  68. .tabs-md .tab-button,
  69. .tabs-md ion-app.app-root .core-tabs-bar .tab-slide,
  70. ion-app.app-root .core-tabs-bar .tabs-md .tab-slide {
  71. color: #6d12a1;
  72. }
  73.  
  74. /* Loading spinner */
  75. .spinner circle,
  76. .spinner line {
  77. stroke: #6d12a1;
  78. }
  79. .loading-md-spinner,
  80. .loading-ios-spinner,
  81. .loading-wp-spinner {
  82. color: #6d12a1;
  83. }
  84. /*Refresher*/
  85. .ion-refresher {
  86. color: #6d12a1;
  87. }
  88.  
  89. /* Buttons */
  90. .button-md,
  91. .button-ios,
  92. .button-wp,
  93. .fab-ios,
  94. .fab-md,
  95. .fab-wp {
  96. background: #5069a1;
  97. }
  98.  
  99. .button-outline-md,
  100. .button-outline-ios,
  101. .button-outline-wp {
  102. border-color: #5069a1;
  103. background-color: #ffffff;
  104. color: #5069a1;
  105. }
  106.  
  107. .button-clear-md,
  108. .button-clear-ios,
  109. .button-clear-wp {
  110. background-color: transparent;
  111. color: #5069a1;
  112. }
  113. /*progress bar*/
  114. .core-progressbar-color {
  115. color: #6d12a1;
  116. }
  117. /* More icon colors */
  118. page-core-mainmenu-more .ion-md-notifications,
  119. page-core-mainmenu-more .ion-ios-notifications,
  120. page-core-mainmenu-more .ion-md-notifications {
  121. color: yellow;
  122. }
  123.  
  124. page-core-mainmenu-more .ion-md-stats,
  125. page-core-mainmenu-more .ion-ios-stats,
  126. page-core-mainmenu-more .ion-md-stats {
  127. color: yellow;
  128. }
  129.  
  130. page-core-mainmenu-more .ion-md-map,
  131. page-core-mainmenu-more .ion-ios-map,
  132. page-core-mainmenu-more .ion-wp-map {
  133. color: green;
  134. }
  135.  
  136. page-core-mainmenu-more .ion-md-folder,
  137. page-core-mainmenu-more .ion-ios-folder,
  138. page-core-mainmenu-more .ion-wp-folder {
  139. color: purple;
  140. }
  141.  
  142. page-core-mainmenu-more .ion-md-link,
  143. page-core-mainmenu-more .ion-ios-link,
  144. page-core-mainmenu-more .ion-wp-link {
  145. color: maroon;
  146. }
  147.  
  148. page-core-mainmenu-more .ion-md-globe,
  149. page-core-mainmenu-more .ion-ios-globe,
  150. page-core-mainmenu-more .ion-wp-globe {
  151. color: maroon;
  152. }
  153.  
  154. page-core-mainmenu-more .ion-md-qr-scanner,
  155. page-core-mainmenu-more .ion-ios-qr-scanner,
  156. page-core-mainmenu-more .ion-wp-qr-scanner {
  157. color: orange;
  158. }
  159.  
  160. page-core-mainmenu-more .ion-md-help-buoy,
  161. page-core-mainmenu-more .ion-ios-help-buoy,
  162. page-core-mainmenu-more .ion-wp-help-buoy {
  163. color: orange;
  164. }
  165.  
  166. page-core-mainmenu-more .ion-md-cog,
  167. page-core-mainmenu-more .ion-ios-cog,
  168. page-core-mainmenu-more .ion-wp-cog {
  169. color: dimgray;
  170. }
  171.  
  172. page-core-mainmenu-more .ion-md-log-out,
  173. page-core-mainmenu-more .ion-ios-log-out,
  174. page-core-mainmenu-more .ion-wp-log-out {
  175. color: red;
  176. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement