nativescript-theme-core/css/brown.css

Telerik NativeScript Core Theme

/*!
 * NativeScript Theme v2.0.24 (https://nativescript.org)
 * Copyright 2016-2016 The Theme Authors
 * Copyright 2016-2019 Progress Software
 * Licensed under Apache 2.0 (https://github.com/NativeScript/theme/blob/master/LICENSE)
 */Button,.nt-button{background-color:#fff;color:#161d01}.ns-dark Button,.ns-dark .nt-button{background-color:#303030;color:#edfdb9}Button:active,Button.-active,.nt-button:active,.nt-button.-active{color:#161d01}.ns-dark Button:active,.ns-dark Button.-active,.ns-dark .nt-button:active,.ns-dark .nt-button.-active{color:#edfdb9}Button.-outline,.nt-button.-outline{background-color:#fff;border-color:#628103}.ns-dark Button.-outline,.ns-dark .nt-button.-outline{background-color:#303030;border-color:#d2fb55}@keyframes -hightlight-light{0%{background-color:#fff}100%{background-color:#f2f2f2}}@keyframes -hightlight-dark{0%{background-color:#303030}100%{background-color:#232323}}Button.-outline:active,Button.-outline.-active,.nt-button.-outline:active,.nt-button.-outline.-active{animation:-hightlight-light .3s ease-out forwards;background-color:#f2f2f2}.ns-dark Button.-outline:active,.ns-dark Button.-outline.-active,.ns-dark .nt-button.-outline:active,.ns-dark .nt-button.-outline.-active{animation:-hightlight-dark .3s ease-out forwards;background-color:#232323}Button.-primary,.nt-button.-primary{color:#000;background-color:#aee406;border-color:#aee406}.ns-dark Button.-primary,.ns-dark .nt-button.-primary{color:#000;background-color:#aee406;border-color:#aee406}@keyframes accent-hightlight-light{0%{background-color:#aee406}100%{background-color:#88b205}}@keyframes accent-hightlight-dark{0%{background-color:#aee406}100%{background-color:#88b205}}Button.-primary:active,Button.-primary.-active,.nt-button.-primary:active,.nt-button.-primary.-active{animation:accent-hightlight-light .3s ease-out forwards;background-color:#88b205}.ns-dark Button.-primary:active,.ns-dark Button.-primary.-active,.ns-dark .nt-button.-primary:active,.ns-dark .nt-button.-primary.-active{animation:accent-hightlight-dark .3s ease-out forwards;background-color:#88b205}ActivityIndicator,.nt-activity-indicator{color:#aee406}.ns-dark ActivityIndicator,.ns-dark .nt-activity-indicator{color:#aee406}SegmentedBar,.nt-segmented-bar{color:#262626;background-color:#fff;selected-background-color:#aee406}.ns-dark SegmentedBar,.ns-dark .nt-segmented-bar{color:#fff;background-color:#303030;selected-background-color:#aee406}.ns-ios SegmentedBar,.ns-ios .nt-segmented-bar{margin:0 15;color:#aee406}.ns-dark.ns-ios SegmentedBar,.ns-dark.ns-ios .nt-segmented-bar{color:#aee406}Progress,.nt-progress{color:#aee406;background-color:rgba(174,228,6,.1)}.ns-dark Progress,.ns-dark .nt-progress{color:#aee406;background-color:rgba(174,228,6,.1)}Slider,.nt-slider{color:#aee406;background-color:#aee406}.ns-dark Slider,.ns-dark .nt-slider{color:#aee406;background-color:#aee406}Slider[isEnabled=false],.ns-android Slider[isEnabled=false],.nt-slider[isEnabled=false],.ns-android .nt-slider[isEnabled=false]{color:#e0e0e0;background-color:#e0e0e0}SearchBar,.nt-search-bar{color:#262626;background-color:#fff;text-field-hint-color:#737373;text-field-background-color:transparent}.ns-dark SearchBar,.ns-dark .nt-search-bar{color:#fff;background-color:#303030;text-field-hint-color:#b3b3b3;text-field-background-color:transparent}.ns-android Switch,.ns-android .nt-switch{color:#ccc;background-color:#ccc}.ns-dark.ns-android Switch,.ns-dark.ns-android .nt-switch{color:#636363;background-color:#636363}.ns-android Switch[checked=true],.ns-android .nt-switch[checked=true]{color:#aee406}.ns-dark.ns-android Switch[checked=true],.ns-dark.ns-android .nt-switch[checked=true]{color:#aee406}.ns-android Switch[isEnabled=false],.ns-android .nt-switch[isEnabled=false]{color:#e6e6e6}.ns-dark.ns-android Switch[isEnabled=false],.ns-dark.ns-android .nt-switch[isEnabled=false]{color:#4a4a4a}.ns-ios Switch,.ns-ios .nt-switch{color:#fff;background-color:#aee406;off-background-color:#e6e6e6}.ns-dark.ns-ios Switch,.ns-dark.ns-ios .nt-switch{color:#303030;background-color:#aee406;off-background-color:#4a4a4a}.ns-ios Switch[isEnabled=false],.ns-ios .nt-switch[isEnabled=false]{background-color:rgba(174,228,6,.4)}.ns-dark.ns-ios Switch[isEnabled=false],.ns-dark.ns-ios .nt-switch[isEnabled=false]{background-color:rgba(174,228,6,.4)}TabView,.nt-tab-view{selected-tab-text-color:#aee406;tab-background-color:#fff;tab-text-color:#d1e19f;android-selected-tab-highlight-color:#aee406}.ns-dark TabView,.ns-dark .nt-tab-view{selected-tab-text-color:#aee406;tab-background-color:#303030;tab-text-color:#d1e19f;android-selected-tab-highlight-color:#aee406}TabView.ns-dark,.nt-tab-view.ns-dark{selected-tab-text-color:#aee406;tab-background-color:#303030;tab-text-color:#d1e19f;android-selected-tab-highlight-color:#aee406}TabStrip,.nt-tab-strip{highlight-color:#aee406;background:#f2f2f2}.ns-dark TabStrip,.ns-dark .nt-tab-strip{highlight-color:#aee406;background:#3a3a3a}TabStripItem,.nt-tab-strip__item{color:#262626}.ns-dark TabStripItem,.ns-dark .nt-tab-strip__item{color:#fff}TabStripItem:active,TabStripItem:active Label,.nt-tab-strip__item:active,.nt-tab-strip__item:active Label{color:#aee406}.ns-dark TabStripItem:active,.ns-dark TabStripItem:active Label,.ns-dark .nt-tab-strip__item:active,.ns-dark .nt-tab-strip__item:active Label{color:#aee406}TabContentItem,.nt-tab-content__item{background:#fff}.ns-dark TabContentItem,.ns-dark .nt-tab-content__item{background:#303030}ListView,RadListView,.nt-list-view{item-selected-background-color:rgba(174,228,6,.15);separator-color:#ccc}.ns-dark ListView,.ns-dark RadListView,.ns-dark .nt-list-view{item-selected-background-color:rgba(174,228,6,.15)}ListView>*.active,ListView>*:highlighted,RadListView>*.active,RadListView>*:highlighted,.nt-list-view>*.active,.nt-list-view>*:highlighted{background-color:rgba(174,228,6,.15)}.ns-dark ListView>*.active,.ns-dark ListView>*:highlighted,.ns-dark RadListView>*.active,.ns-dark RadListView>*:highlighted,.ns-dark .nt-list-view>*.active,.ns-dark .nt-list-view>*:highlighted{background-color:rgba(174,228,6,.15)}ListView .-separator,RadListView .-separator,.nt-list-view .-separator{border-bottom-color:#ccc}.ns-dark ListView .-separator,.ns-dark RadListView .-separator,.ns-dark .nt-list-view .-separator{border-bottom-color:#636363}.ns-dark ListView,.ns-dark RadListView,.ns-dark .nt-list-view{separator-color:#636363}ListView .nt-list-view__delete,RadListView .nt-list-view__delete,.nt-list-view .nt-list-view__delete{background-color:#d50000}ListView .nt-list-view__delete>Label,RadListView .nt-list-view__delete>Label,.nt-list-view .nt-list-view__delete>Label{color:#262626}.ns-dark ListView .nt-list-view__delete>Label,.ns-dark RadListView .nt-list-view__delete>Label,.ns-dark .nt-list-view .nt-list-view__delete>Label{color:#fff}ListView NTIcon,ListView .nt-icon,RadListView NTIcon,RadListView .nt-icon,.nt-list-view NTIcon,.nt-list-view .nt-icon{color:#577203}.ns-dark ListView NTIcon,.ns-dark ListView .nt-icon,.ns-dark RadListView NTIcon,.ns-dark RadListView .nt-icon,.ns-dark .nt-list-view NTIcon,.ns-dark .nt-list-view .nt-icon{color:#aee406}RadSideDrawer .nt-drawer__header,.nt-drawer .nt-drawer__header{color:#fff;background-color:#694a3e}RadSideDrawer>*,RadSideDrawer .nt-drawer__content,.nt-drawer>*,.nt-drawer .nt-drawer__content{background-color:#fff}RadSideDrawer .nt-drawer__list-item.-selected,.nt-drawer .nt-drawer__list-item.-selected{background-color:rgba(174,228,6,.15)}RadSideDrawer .nt-drawer__list-item.-selected Label,.nt-drawer .nt-drawer__list-item.-selected Label{color:#628103}.ns-dark RadSideDrawer .nt-drawer__header,RadSideDrawer.ns-dark .nt-drawer__header,.ns-dark .nt-drawer .nt-drawer__header,.nt-drawer.ns-dark .nt-drawer__header{color:#fff;background-color:#463731}.ns-dark RadSideDrawer>*,.ns-dark RadSideDrawer .nt-drawer__content,RadSideDrawer.ns-dark>*,RadSideDrawer.ns-dark .nt-drawer__content,.ns-dark .nt-drawer>*,.ns-dark .nt-drawer .nt-drawer__content,.nt-drawer.ns-dark>*,.nt-drawer.ns-dark .nt-drawer__content{background-color:#303030}.ns-dark RadSideDrawer .nt-drawer__list-item.-selected,RadSideDrawer.ns-dark .nt-drawer__list-item.-selected,.ns-dark .nt-drawer .nt-drawer__list-item.-selected,.nt-drawer.ns-dark .nt-drawer__list-item.-selected{background-color:rgba(174,228,6,.15)}.ns-dark RadSideDrawer .nt-drawer__list-item.-selected Label,RadSideDrawer.ns-dark .nt-drawer__list-item.-selected Label,.ns-dark .nt-drawer .nt-drawer__list-item.-selected Label,.nt-drawer.ns-dark .nt-drawer__list-item.-selected Label{color:#d2fb55}TextView,TextField,PickerField,DatePickerField,TimePickerField,DateTimePickerFields,DataFormEditorCore,RadAutoCompleteTextView{background-color:transparent;color:#262626;placeholder-color:#737373;border-color:#c7c7c7}.ns-dark TextView,.ns-dark TextField,.ns-dark PickerField,.ns-dark DatePickerField,.ns-dark TimePickerField,.ns-dark DateTimePickerFields,.ns-dark DataFormEditorCore,.ns-dark RadAutoCompleteTextView{color:#fff;placeholder-color:#b3b3b3;border-color:#fafafa}TextView:focus,TextField:focus,PickerField:focus,DatePickerField:focus,TimePickerField:focus,DateTimePickerFields:focus,DataFormEditorCore:focus,RadAutoCompleteTextView:focus{border-color:#628103}.ns-dark TextView:focus,.ns-dark TextField:focus,.ns-dark PickerField:focus,.ns-dark DatePickerField:focus,.ns-dark TimePickerField:focus,.ns-dark DateTimePickerFields:focus,.ns-dark DataFormEditorCore:focus,.ns-dark RadAutoCompleteTextView:focus{border-color:#d2fb55}TextView[isEnabled=false],TextField[isEnabled=false],PickerField[isEnabled=false],DatePickerField[isEnabled=false],TimePickerField[isEnabled=false],DateTimePickerFields[isEnabled=false],DataFormEditorCore[isEnabled=false],RadAutoCompleteTextView[isEnabled=false]{color:#e0e0e0;background-color:#f2f2f2}.ns-dark TextView[isEnabled=false],.ns-dark TextField[isEnabled=false],.ns-dark PickerField[isEnabled=false],.ns-dark DatePickerField[isEnabled=false],.ns-dark TimePickerField[isEnabled=false],.ns-dark DateTimePickerFields[isEnabled=false],.ns-dark DataFormEditorCore[isEnabled=false],.ns-dark RadAutoCompleteTextView[isEnabled=false]{color:#e0e0e0;background-color:#3d3d3d}PropertyEditor:focus DataFormEditorCore{border-color:#628103}.ns-dark PropertyEditor:focus DataFormEditorCore{border-color:#d2fb55}RadAutoCompleteTextView Token{background-color:#d2fb55}.ns-dark RadAutoCompleteTextView Token{background-color:#628103}RadAutoCompleteTextView Token:selected{background-color:#c5f924}.ns-dark RadAutoCompleteTextView Token:selected{background-color:#88b205}RadAutoCompleteTextView ClearButton{color:#aee406}.ns-dark RadAutoCompleteTextView ClearButton{color:#aee406}RadAutoCompleteTextView SuggestionView{color:#262626;background-color:#fff}.ns-dark RadAutoCompleteTextView SuggestionView{color:#fff;background-color:#303030}RadDataForm{color:#262626;placeholder-color:#737373}.ns-dark RadDataForm{color:#fff;placeholder-color:#b3b3b3}RadDataForm PropertyEditor{color:#262626;background-color:#fff}.ns-dark RadDataForm PropertyEditor{color:#fff;background-color:#303030}PickerPage ListView{color:#262626;background:#fff}.ns-dark PickerPage ListView{color:#fff;background:#303030}PickerPage ListView>*{border-bottom-color:rgba(174,228,6,.4)}.ns-dark PickerPage ListView>*{border-bottom-color:rgba(174,228,6,.4)}PickerPage.ns-dark ListView,.ns-dark SuggestionView{color:#fff;background:#303030}.date-time-picker{color:#262626;background:#fff}.date-time-picker.ns-dark{color:#fff;background:#303030}.date-time-picker-buttons{color:#161d01}.date-time-picker-buttons.ns-dark{color:#edfdb9}.ns-dark.date-time-picker-button-cancel{background:#303030}.date-time-picker-spinners{color:#3c4f02}.date-time-picker-spinners.ns-dark{color:#dffc87}DataFormEditorLabel,NTInput>Label,.nt-input>Label{color:#3c4f02}.ns-dark DataFormEditorLabel,.ns-dark NTInput>Label,.ns-dark .nt-input>Label{color:#dffc87}ActionBar,NTActionBar,.nt-action-bar{color:#fff;background-color:#795548}.ns-dark ActionBar,.ns-dark NTActionBar,.ns-dark .nt-action-bar{color:#fff;background-color:#55433c}ActionBar NTIcon,ActionBar Label,ActionBar Button,ActionBar .nt-action-bar__item,NTActionBar NTIcon,NTActionBar Label,NTActionBar Button,NTActionBar .nt-action-bar__item,.nt-action-bar NTIcon,.nt-action-bar Label,.nt-action-bar Button,.nt-action-bar .nt-action-bar__item{color:#fff}.ns-dark ActionBar NTIcon,.ns-dark ActionBar Label,.ns-dark ActionBar Button,.ns-dark ActionBar .nt-action-bar__item,.ns-dark NTActionBar NTIcon,.ns-dark NTActionBar Label,.ns-dark NTActionBar Button,.ns-dark NTActionBar .nt-action-bar__item,.ns-dark .nt-action-bar NTIcon,.ns-dark .nt-action-bar Label,.ns-dark .nt-action-bar Button,.ns-dark .nt-action-bar .nt-action-bar__item{color:#fff}ActionBar NTIcon:active,ActionBar NTIcon.-active,ActionBar Label:active,ActionBar Label.-active,ActionBar Button:active,ActionBar Button.-active,ActionBar .nt-action-bar__item:active,ActionBar .nt-action-bar__item.-active,NTActionBar NTIcon:active,NTActionBar NTIcon.-active,NTActionBar Label:active,NTActionBar Label.-active,NTActionBar Button:active,NTActionBar Button.-active,NTActionBar .nt-action-bar__item:active,NTActionBar .nt-action-bar__item.-active,.nt-action-bar NTIcon:active,.nt-action-bar NTIcon.-active,.nt-action-bar Label:active,.nt-action-bar Label.-active,.nt-action-bar Button:active,.nt-action-bar Button.-active,.nt-action-bar .nt-action-bar__item:active,.nt-action-bar .nt-action-bar__item.-active{color:#fff}.ns-dark ActionBar NTIcon:active,.ns-dark ActionBar NTIcon.-active,.ns-dark ActionBar Label:active,.ns-dark ActionBar Label.-active,.ns-dark ActionBar Button:active,.ns-dark ActionBar Button.-active,.ns-dark ActionBar .nt-action-bar__item:active,.ns-dark ActionBar .nt-action-bar__item.-active,.ns-dark NTActionBar NTIcon:active,.ns-dark NTActionBar NTIcon.-active,.ns-dark NTActionBar Label:active,.ns-dark NTActionBar Label.-active,.ns-dark NTActionBar Button:active,.ns-dark NTActionBar Button.-active,.ns-dark NTActionBar .nt-action-bar__item:active,.ns-dark NTActionBar .nt-action-bar__item.-active,.ns-dark .nt-action-bar NTIcon:active,.ns-dark .nt-action-bar NTIcon.-active,.ns-dark .nt-action-bar Label:active,.ns-dark .nt-action-bar Label.-active,.ns-dark .nt-action-bar Button:active,.ns-dark .nt-action-bar Button.-active,.ns-dark .nt-action-bar .nt-action-bar__item:active,.ns-dark .nt-action-bar .nt-action-bar__item.-active{color:#fff}.ns-ios ActionBar NTIcon,.ns-ios ActionBar NTIcon:active,.ns-ios ActionBar Label,.ns-ios ActionBar Label:active,.ns-ios ActionBar Button,.ns-ios ActionBar Button:active,.ns-ios ActionBar .nt-action-bar__item,.ns-ios ActionBar .nt-action-bar__item:active,.ns-ios NTActionBar NTIcon,.ns-ios NTActionBar NTIcon:active,.ns-ios NTActionBar Label,.ns-ios NTActionBar Label:active,.ns-ios NTActionBar Button,.ns-ios NTActionBar Button:active,.ns-ios NTActionBar .nt-action-bar__item,.ns-ios NTActionBar .nt-action-bar__item:active,.ns-ios .nt-action-bar NTIcon,.ns-ios .nt-action-bar NTIcon:active,.ns-ios .nt-action-bar Label,.ns-ios .nt-action-bar Label:active,.ns-ios .nt-action-bar Button,.ns-ios .nt-action-bar Button:active,.ns-ios .nt-action-bar .nt-action-bar__item,.ns-ios .nt-action-bar .nt-action-bar__item:active{background-color:transparent}.ns-dark.ns-ios ActionBar NTIcon,.ns-dark.ns-ios ActionBar NTIcon:active,.ns-dark.ns-ios ActionBar Label,.ns-dark.ns-ios ActionBar Label:active,.ns-dark.ns-ios ActionBar Button,.ns-dark.ns-ios ActionBar Button:active,.ns-dark.ns-ios ActionBar .nt-action-bar__item,.ns-dark.ns-ios ActionBar .nt-action-bar__item:active,.ns-dark.ns-ios NTActionBar NTIcon,.ns-dark.ns-ios NTActionBar NTIcon:active,.ns-dark.ns-ios NTActionBar Label,.ns-dark.ns-ios NTActionBar Label:active,.ns-dark.ns-ios NTActionBar Button,.ns-dark.ns-ios NTActionBar Button:active,.ns-dark.ns-ios NTActionBar .nt-action-bar__item,.ns-dark.ns-ios NTActionBar .nt-action-bar__item:active,.ns-dark.ns-ios .nt-action-bar NTIcon,.ns-dark.ns-ios .nt-action-bar NTIcon:active,.ns-dark.ns-ios .nt-action-bar Label,.ns-dark.ns-ios .nt-action-bar Label:active,.ns-dark.ns-ios .nt-action-bar Button,.ns-dark.ns-ios .nt-action-bar Button:active,.ns-dark.ns-ios .nt-action-bar .nt-action-bar__item,.ns-dark.ns-ios .nt-action-bar .nt-action-bar__item:active{background-color:transparent}.ns-android ActionBar Button,.ns-android ActionBar .nt-button,.ns-android NTActionBar Button,.ns-android NTActionBar .nt-button,.ns-android .nt-action-bar Button,.ns-android .nt-action-bar .nt-button{background-color:#795548}.ns-dark.ns-android ActionBar Button,.ns-dark.ns-android ActionBar .nt-button,.ns-dark.ns-android NTActionBar Button,.ns-dark.ns-android NTActionBar .nt-button,.ns-dark.ns-android .nt-action-bar Button,.ns-dark.ns-android .nt-action-bar .nt-button{background-color:#55433c}.hr{border-color:#d9d9d9}.ns-dark .hr{border-color:#4d4d4d}.hr-light{border-color:#d2fb55}.ns-dark .hr-light{border-color:#edfdb9}.hr-dark{border-color:#628103}.ns-dark .hr-dark{border-color:#d2fb55}.ns-root,.ns-modal{--color-black: #000;--color-white: #fff;--color-grey: #e0e0e0;--color-grey-light: #bababa;--color-charcoal: #303030;--color-transparent: transparent;--color-aqua: #00caab;--color-blue: #3d5afe;--color-brown: #795548;--color-forest: #006968;--color-grey-dark: #5c687c;--color-purple: #8130ff;--color-lemon: #ffea00;--color-lime: #aee406;--color-orange: #f57c00;--color-ruby: #ff1744;--color-sky: #30bcff;--color-error: #d50000;--const-font-size: 16;--const-background-alt-10: #c0ebff;--const-btn-color-secondary: #01a0ec;--const-btn-color-disabled: #a4a4a4;--const-btn-font-size: 18;--const-btn-min-width: 64;--const-btn-height: 52;--const-btn-padding-x: 0;--const-btn-padding-y: 0;--const-btn-margin-x: 16;--const-btn-margin-y: 8;--const-btn-radius: 0;--const-headings-margin-bottom: 4;--const-headings-font-weight: normal;--const-border-width: 1;--const-border-radius: ;--const-border-radius-sm: 4;--const-border-radius-lg: 50%;--const-border-radius-rounded: 5;--const-icon-font-size: 16;--const-icon-font-size-lg: 20;--const-disabled-opacity: 0.5;--light-primary: #262626;--light-background: #fff;--light-accent: #aee406;--light-ab-color: #fff;--light-ab-background: #795548;--light-btn-color: #262626;--light-border-color: #30bcff;--light-background-alt-5: #f2f2f2;--light-background-alt-10: #e6e6e6;--light-background-alt-20: #cccccc;--light-secondary: #737373;--light-disabled: #dff49b;--light-text-color: #262626;--light-headings-color: #262626;--light-tab-text-color: #d1e19f;--light-accent-dark: #628103;--light-accent-light: #d2fb55;--light-accent-transparent: rgba(174, 228, 6, 0.8);--light-primary-accent: rgba(174, 228, 6, 0.4);--light-background-accent: rgba(174, 228, 6, 0.1);--light-background-dark-accent: rgba(174, 228, 6, 0.15);--light-item-active-color: #676767;--light-item-active-background: rgba(174, 228, 6, 0.15);--light-ab-background-dark: #694a3e;--light-item-active-icon-color: #676767;--light-btn-color-inverse: black;--light-btn-color-secondary: #0d0d0d;--dark-primary: #fff;--dark-background: #303030;--dark-accent: #aee406;--dark-border-color: #aee406;--dark-btn-color: #fff;--dark-background-alt-5: #3d3d3d;--dark-background-alt-10: #4a4a4a;--dark-background-alt-20: #636363;--dark-secondary: #b3b3b3;--dark-disabled: #62781f;--dark-ab-color: white;--dark-ab-background: #55433c;--dark-text-color: #fff;--dark-headings-color: #fff;--dark-tab-text-color: #d1e19f;--dark-accent-dark: #d2fb55;--dark-accent-light: #edfdb9;--dark-accent-transparent: rgba(174, 228, 6, 0.8);--dark-primary-accent: rgba(174, 228, 6, 0.4);--dark-background-accent: rgba(174, 228, 6, 0.1);--dark-background-dark-accent: rgba(174, 228, 6, 0.15);--dark-item-active-color: #c1c1c1;--dark-item-active-background: rgba(174, 228, 6, 0.15);--dark-ab-background-dark: #463731;--dark-item-active-icon-color: #c1c1c1;--dark-btn-color-inverse: black;--dark-btn-color-secondary: #e6e6e6}