92 lines
1.5 KiB
SCSS
92 lines
1.5 KiB
SCSS
// 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 <body> 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;
|
|
}
|
|
}
|