MDL-69389 theme_classic: Make default body font colour darker
[moodle.git] / theme / classic / scss / preset / default.scss
CommitLineData
de213bf0 1// Bootstrap variables
de213bf0
BB
2$white: #fff !default;
3$gray-100: #f8f9fa !default;
4$gray-200: #e9ecef !default;
5$gray-300: #dee2e6 !default;
6$gray-400: #ced4da !default;
7$gray-500: #adb5bd !default;
1a17df08 8$gray-600: #6c757d !default;
de213bf0 9$gray-700: #495057 !default;
1a17df08 10$gray-800: #343a40 !default;
de213bf0
BB
11$gray-900: #212529 !default;
12$black: #000 !default;
13
14$blue: #1177d1 !default;
15$indigo: #6610f2 !default;
16$purple: #613d7c !default;
17$pink: #e83e8c !default;
1a17df08 18$red: #d43f3a !default;
de213bf0
BB
19$orange: #f0ad4e !default;
20$yellow: #ff7518 !default;
1a17df08 21$green: #398439 !default;
de213bf0
BB
22$teal: #20c997 !default;
23$cyan: #5bc0de !default;
24
25$primary: $blue !default;
de213bf0
BB
26$success: $green !default;
27$info: $cyan !default;
1a17df08 28$warning: $orange !default;
de213bf0 29$danger: $red !default;
1a17df08
BB
30$secondary: $gray-400 !default;
31
32$info-outline: #1f7e9a;
33$warning-outline: #a6670e;
de213bf0
BB
34
35// Options
36$enable-rounded: true !default;
92bc86e4 37$enable-responsive-font-sizes: true !default;
de213bf0
BB
38
39// Body
1257e39d 40$body-color: $gray-900 !default;
de213bf0
BB
41
42// Fonts
43$font-size-base: 0.9375rem !default;
92bc86e4 44$rfs-base-font-size: 0.9rem !default;
de213bf0
BB
45$headings-font-weight: 300 !default;
46
47// Navbar
48$navbar-dark-hover-color: rgba($white, 1) !default;
49$navbar-light-hover-color: rgba($black, .9) !default;
50
51// Breadcrumbs
52$breadcrumb-padding-y: .25rem !default;
53$breadcrumb-padding-x: 0 !default;
54$breadcrumb-item-padding: .5rem !default;
55$breadcrumb-margin-bottom: 0 !default;
56$breadcrumb-bg: transparent !default;
57$breadcrumb-divider: "/" !default;
58$breadcrumb-divider-rtl: "/" !default;
59
60// Alerts
61$alert-border-width: 0 !default;
62
63$card-group-margin: .25rem;
64
91de0ed8
BB
65$input-btn-focus-color: rgba($primary, .75) !default;
66
da37a3ad
DB
67// stylelint-disable
68$theme-colors: () !default;
69$theme-colors: map-merge((
de213bf0 70 primary: $primary,
1a17df08 71 secondary: $secondary,
de213bf0
BB
72 success: $success,
73 info: $info,
1a17df08 74 warning: $warning,
de213bf0 75 danger: $danger,
da37a3ad
DB
76), $theme-colors);
77// stylelint-enable
de213bf0
BB
78
79// Import FontAwesome.
80@import "fontawesome";
81
82// Import All of Bootstrap
83@import "bootstrap";
84
85// Import Core moodle CSS
86@import "moodle";
87
d6cd1d87
BB
88body {
89 -webkit-font-smoothing: antialiased;
90 -moz-osx-font-smoothing: grayscale;
91}
92
de213bf0
BB
93// Preset CSS
94.navbar {
95 box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
96}
97
98.filemanager-container,
99.filepicker-filelist {
100 border: $border-width solid $border-color;
101}
102
103// Rounded user pictures
104.userpicture {
105 border-radius: 50%;
106}
107
108.block {
109 background-color: $gray-100;
110}
db919724
BB
111
112#page-my-index {
113 background-color: $white;
114}
de213bf0
BB
115// Reset the default styling back to the bootstrap defaults for
116// the secondary outline button because gray-200 is much too light
117// for an outline button.
118.btn-outline-secondary {
119 @include button-outline-variant($gray-600);
1a17df08
BB
120 border-color: $gray-600;
121}
122
123.btn-outline-info {
124 @include button-outline-variant($info-outline);
125}
126
127.btn-outline-warning {
128 @include button-outline-variant($warning-outline);
129}