Who Gets the Scholar Theme?
The new flexible Scholar theme for faculty, researcher and lab websites has replaced the old OpenScholar design themes as part of the major Drupal upgrade starting summer 2022.
Configuring Your Theme
The Scholar theme is designed to be configurable to satisfy different design goals. Visit these Starter Kits for theme previews.
- Faculty & Researcher: Robust homepage and collection of subpages
- Lab: Robust homepage and collection of subpages
Configure style options to modify the look, feel, and some functionality of your instance of the Scholar theme.
Note that you may also engage with WDS to develop a custom theme for your site at a cost.
Configure Appearance Settings
From the Admin toolbar, Manage » Appearance » Settings » Scholar
Page Element Display
- Site name: Controls the display of your site name in the header. Some sites use only a logo instead of displaying the site name text.
- Shortcut icon: Toggles the browser tab icon (favicon) on or off. This should be left on. By default the Princeton shield is used as the icon. WDS may develop a custom icon to use instead.
- Logo: Toggle the header logo on or off. If toggled on, you can upload our own logo and use the one provided by default, which is just the Princeton shield. The logo will be displayed to the left of your site name (if output).
- Site subname: If your site has a subname defined in the basic site settings page, you can control how it is displayed here.
- Address
- Main Menu
- Utility Menu
- Breadcrumb
Logo and Favicon Settings
If the Logo checkbox is checked in the Page Element Display section above, additional options are presented for controlling the logo. All themes have a default logo that is available, but you can provide your own by unchecking Use the logo supplied by the theme.
Upload a logo using the file browser. You can control the size custom logos by choosing Custom for the Logo sizing method field, and providing a custom height of the logo in pixels (the width will automatically adjust).
Base Customization Settings
Design
Font Pairing
Public Sans
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse efficitur risus ex, id elementum metus pharetra vel. Fusce non arcu in lectus aliquet eleifend. Proin venenatis, neque vitae iaculis rhoncus, purus est dapibus augue.
Lora and Roboto
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse efficitur risus ex, id elementum metus pharetra vel. Fusce non arcu in lectus aliquet eleifend. Proin venenatis, neque vitae iaculis rhoncus, purus est dapibus augue.
P22 Mackinac and Sofia Pro
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse efficitur risus ex, id elementum metus pharetra vel. Fusce non arcu in lectus aliquet eleifend. Proin venenatis, neque vitae iaculis rhoncus, purus est dapibus augue.
Colorways
Luna
Primary Colors
- Primary 100
#121212 - Primary 90
#1d1d1d - Primary 80
#414141 - Primary 20
#FFF6E9
Neutrals
- Neutral 60
#717171 - Neutral 20
#d0d0d0 - Neutral 10
#eeeeee - Neutral 10
#f7f7f7
Bright Highlights
- Bright Medium
#f58025 - Bright Light
#ff9e22
Body
- Body
#121212
Glacier
Primary Colors
- Primary 100
#042133 - Primary 90
#063451 - Primary 80
#084266 - Primary 20
#edf9ff
Neutrals
- Neutral 60
#828b97 - Neutral 20
#bac7d8 - Neutral 10
#e3e8ef - Neutral 05
#f8f9fb
Bright Highlights
- Bright Medium
#03a9f4 - Bright Light
#4ef1ff
Body
- Body
#121212
Terra
Primary Colors
- Primary 100
#04342A - Primary 90
#005040 - Primary 80
#006450 - Primary 20
#DCF3EF
Neutrals
- Neutral 60
#8d7e6a - Neutral 20
#b8a791 - Neutral 10
#E8E4D9 - Neutral 05
#FCFBF8
Bright Highlights
- Bright Medium
#00C08B - Bright Light
#c1e300
Body
- Body
#121212
Cosmic
Primary Colors
- Primary 100
#1c122e - Primary 90
#281b42 - Primary 80
#432C72 - Primary 20
#e8e3f1
Neutrals
- Neutral 60
#7d8489 - Neutral 20
#a6aeb4 - Neutral 10
#e1e4e6 - Neutral 05
#f5f6f6
Bright Highlights
- Bright Medium
#5c43a8 - Bright Light
#b39afd
Body
- Body
#121212
Header
Color Variant
- Light: Light background with dark text
- Dark: Dark background with light text
Full-width search field
Alternate Princeton University Logo
Menu
There are several options available for controlling the orientation and functionality of the main menu.
- Standard dropdown (max 2 levels)
- Standard dropdown, with additional sub-nav for level 2 items (max 2 levels)
- Mega-menu dropdown
- None
If the mega-menu is selected, an additional option is exposed that allows you to control if there should be 3 or 4 columns of links in each menu.
The main menu can also be be configured to be "sticky". When enabled, the header and main menu navigation shrink and lock to the top of the browser window—over the content—as the site visitor scrolls down the page.
Sidebar Menu
When checked, the main menu will be displayed in the left sidebar. You can then choose which menu level should be displayed here, from 1 to 4. For example, if level 2 is chosen, and you are viewing a level 1 (top level) menu item, its children will be displayed.
This option can be combined with the main menu header configuration. A common scenario is showing levels 1-2 in the header menu, and levels 3-4 in the sidebar menu.
Jump Link Menu
Control the default orientation of jump link menus that appear on your site. This default can be overridden on a page-by-page basis.
Not all pages support jump link menus. Pages that support them will have a checkbox under the menu options on the page edit form.
General
Column and section spacing
These options allow you to control the spacing between, above, and below columns in page layouts. Usually the default options are suitable for most sites. You can override these defaults in each section's settings form.
Note that the controls for section spacing may be hidden until the checkbox "Enable control of section spacing" is checked. This may be unchecked on your site because it has a custom theme or CSS injector rules defined that may cause compatibility issues. You can enable this feature if you are confident it will not cause issues.
Back to Top Button
When enabled, a small button will appear on the bottom right corner when scrolling down on long pages. When clicked, the visitor will be brought back to the top of the page.