// http://ionicframework.com/docs/theming/ // App Global Sass // -------------------------------------------------- // Put style rules here that you want to apply globally. These // styles are for the entire app and not just one component. // Additionally, this file can be also used as an entry point // to import other Sass files to be included in the output CSS. // // Shared Sass variables, which can be used to adjust Ionic's // default Sass variables, belong in "theme/variables.scss". // // To declare rules for a specific mode, create a child rule // for the .md, .ios, or .wp mode classes. The mode class is // automatically applied to the element in the app. body { font-family: 'PT Sans', sans-serif; } ion-toolbar { color: #fff; .toolbar-background { background-color: #000000; } .bar-button, .toolbar-title { color: #ffffff; } } ion-title { text-align: center; } .content { background-color: #191b1c; color: #fff; } .item { background-color: #1d1e1f; color: #fff; } .list { .item-block .item-inner { border-bottom-color: #333435; } } .tabs { .tabbar { background-color: #090a0a; } .tab-button { .tab-button-icon { color: #ffffff; } &[aria-selected=true] { .tab-button-icon { color: #fdb315; } } } } @media screen and (min-width: 769px) { body { background-color: #000000; } ion-app.app-root { height: 480px; left: 50%; position: relative; top: 50%; transform: translate3d(-50%, -50%, 0); width: 320px; } }