1+ /* -- scss:defaults --*/
2+
3+ // Professional color scheme with dark primary colors
4+ $theme-dark-red : #ba0020 ;
5+ $theme-dark-blue : #3b5998 ;
6+ $theme-medium-blue : #3b5998 ;
7+ $theme-dark-green : #2E5D31 ;
8+ $theme-dark-orange : #B8860B ;
9+ $theme-dark-purple : #57068c ;
10+ $theme-light-gray : #f8f9fa ;
11+ $theme-medium-gray : #6c757d ;
12+ $theme-dark-gray : #343a40 ;
13+
14+ // Primary color scheme
15+ $primary-color : $theme-dark-red ;
16+ $secondary-color : $theme-dark-blue ;
17+ $accent-color : $theme-medium-blue ;
18+ $emphasis-green : $theme-dark-green ;
19+ $emphasis-orange : $theme-dark-orange ;
20+ $emphasis-purple : $theme-dark-purple ;
21+ $text-color : #2d3748 ;
22+ $background-color : #FFFFFF ;
23+
24+ // Typography - Optima and Palatino style fonts
25+ $font-family-sans-serif : " Optima" , " Segoe UI" , " Avenir Next" , " Trebuchet MS" , " Verdana" , sans-serif ;
26+ $font-family-serif : " Palatino" , " Palatino Linotype" , " TeX Gyre Pagella" , " Book Antiqua" , " Times New Roman" , serif ;
27+ $presentation-font-size-root : 28px ;
28+ $presentation-h1-font-size : 1.9em ;
29+ $presentation-h2-font-size : 1.6em ;
30+ $presentation-h3-font-size : 1.3em ;
31+
32+ /* -- scss:rules --*/
33+
34+ // Overall presentation styling
35+ .reveal {
36+ font-family : $font-family-serif ;
37+ color : $text-color ;
38+ }
39+
40+ .reveal .slides {
41+ text-align : left ;
42+ }
43+
44+ // Title slide styling
45+ .reveal .title-slide {
46+ text-align : center ;
47+
48+ h1 .title {
49+ font-family : $font-family-sans-serif ;
50+ color : $primary-color ;
51+ font-size : 3.0em ;
52+ font-weight : 500 ;
53+ margin-bottom : 0.5em ;
54+ text-shadow : 2px 2px 4px rgba (0 ,0 ,0 ,0.1 );
55+ }
56+
57+ .subtitle {
58+ font-family : $font-family-sans-serif ;
59+ color : $theme-dark-gray ;
60+ font-size : 1.7em ;
61+ font-weight : 300 ;
62+ margin-top : 1em ;
63+ }
64+ }
65+
66+ // Section headers (sans-serif)
67+ .reveal h1 {
68+ font-family : $font-family-sans-serif ;
69+ color : $text-color ;
70+ font-size : $presentation-h1-font-size ;
71+ font-weight : 500 ;
72+ margin-bottom : 0.6em ;
73+ border-bottom : 2px solid $secondary-color ;
74+ padding-bottom : 0.2em ;
75+ }
76+
77+ .reveal h2 {
78+ font-family : $font-family-sans-serif ;
79+ color : $text-color ;
80+ font-size : $presentation-h2-font-size ;
81+ font-weight : 500 ;
82+ margin-bottom : 0.5em ;
83+ }
84+
85+ .reveal h3 {
86+ font-family : $font-family-sans-serif ;
87+ color : $text-color ;
88+ font-size : $presentation-h3-font-size ;
89+ font-weight : 500 ;
90+ margin-bottom : 0.4em ;
91+ }
92+
93+ // List styling to match PowerPoint
94+ .reveal ul , .reveal ol {
95+ margin-left : 1em ;
96+ margin-top : 0em ;
97+ margin-bottom : 0em ;
98+
99+ li {
100+ margin-bottom : 0em ;
101+ line-height : 1.2 ;
102+ }
103+
104+ ul , ol {
105+ margin-top : 0em ;
106+ margin-bottom : 0em ;
107+ font-size : 0.85em ;
108+ }
109+ }
110+
111+ // Remove all paragraph spacing
112+ .reveal p {
113+ margin-top : 0em ;
114+ margin-bottom : 0em ;
115+ }
116+
117+ .reveal ul {
118+ list-style-type : none ;
119+
120+ li ::before {
121+ content : " ›" ;
122+ color : inherit ;
123+ font-weight : normal ;
124+ margin-right : 0.5em ;
125+ margin-left : -1em ;
126+ position : absolute ;
127+ }
128+
129+ ul {
130+ list-style-type : none ;
131+
132+ li ::before {
133+ content : " »" ;
134+ }
135+
136+ ul {
137+ list-style-type : none ;
138+
139+ li ::before {
140+ content : " ⋙" ;
141+ }
142+ }
143+ }
144+ }
145+
146+ // Table styling
147+ .reveal table {
148+ border-collapse : collapse ;
149+ margin : 1em auto ;
150+
151+ th {
152+ background-color : $secondary-color ;
153+ color : white ;
154+ font-weight : 500 ;
155+ padding : 0.8em 1em ;
156+ border : 1px solid darken ($secondary-color , 10% );
157+ }
158+
159+ td {
160+ padding : 0.6em 1em ;
161+ border : 1px solid $theme-light-gray ;
162+ }
163+
164+ tr :nth-child (even ) {
165+ background-color : $theme-light-gray ;
166+ }
167+ }
168+
169+ // Code styling
170+ .reveal pre {
171+ background-color : $theme-light-gray ;
172+ border : 1px solid $theme-medium-gray ;
173+ border-radius : 4px ;
174+ padding : 1em ;
175+
176+ code {
177+ background-color : transparent ;
178+ color : $text-color ;
179+ }
180+ }
181+
182+ .reveal code {
183+ background-color : $theme-light-gray ;
184+ color : $theme-dark-blue ;
185+ padding : 0.2em 0.4em ;
186+ border-radius : 3px ;
187+ font-size : 0.8em ;
188+ }
189+
190+ // Progress bar
191+ .reveal .progress {
192+ color : $primary-color ;
193+ }
194+
195+ // Navigation controls
196+ .reveal .controls {
197+ color : $primary-color ;
198+ }
199+
200+ // Slide numbers
201+ .reveal .slide-number {
202+ color : $theme-dark-gray ;
203+ background-color : rgba (255 , 255 , 255 , 0.8 );
204+ padding : 0.3em 0.6em ;
205+ border-radius : 4px ;
206+ font-size : 0.7em ;
207+ }
208+
209+ // Special content styling
210+ .reveal .highlight-red {
211+ color : $primary-color ;
212+ font-weight : 500 ;
213+ }
214+
215+ .reveal .emph {
216+ color : $primary-color ;
217+ font-weight : 600 ;
218+ }
219+
220+ .reveal .highlight-blue {
221+ color : $secondary-color ;
222+ font-weight : 500 ;
223+ }
224+
225+ .reveal .highlight-purple {
226+ color : $emphasis-purple ;
227+ font-weight : 500 ;
228+ }
229+
230+ .reveal .highlight-green {
231+ color : $emphasis-green ;
232+ font-weight : 500 ;
233+ }
234+
235+ .reveal .highlight-orange {
236+ color : $emphasis-orange ;
237+ font-weight : 500 ;
238+ }
239+
240+ .reveal .highlight-dark-purple {
241+ color : $emphasis-purple ;
242+ font-weight : 500 ;
243+ }
244+
245+ // Custom classes for specific content
246+ .course-schedule {
247+ list-style-type : decimal ;
248+
249+ li {
250+ position : relative ;
251+ padding-left : 0 ;
252+ }
253+ }
254+
255+ // Grading table special styling
256+ .grading-structure {
257+ .weight {
258+ font-weight : bold ;
259+ color : $primary-color ;
260+ }
261+ }
262+
263+ // Ensure good contrast for all text
264+ .reveal strong , .reveal b {
265+ color : $primary-color ;
266+ font-weight : 600 ;
267+ }
268+
269+ // Link styling
270+ .reveal a {
271+ color : $accent-color ;
272+ text-decoration : underline ;
273+
274+ & :hover {
275+ color : darken ($accent-color , 15% );
276+ }
277+ }
278+
279+ // Footer styling for slide numbers and metadata
280+ .reveal .slide-footer {
281+ position : absolute ;
282+ bottom : 1em ;
283+ left : 1em ;
284+ right : 1em ;
285+ display : flex ;
286+ justify-content : space-between ;
287+ align-items : center ;
288+ font-size : 0.5em ;
289+ color : $theme-medium-gray ;
290+ }
291+
292+ .flushleft {
293+ text-align : left ;
294+ }
0 commit comments