- Moodle主题使用CSS来控制Moodle的布局、字体和颜色。这些都是建构在每个theme目录中的styles.php文件基础之上，并且由theme中的config.php控制。
- Moodle的theme文件夹中有一个名为"standard" 主题风格，它是一个最为简单的主题风格，仅为其他的几个自带的主题提供基本的布局，而其他的几个主题都是从这个“standard”中继承过来。
- 主要取决于你的目的，是想从standard中继承，还是从parent主题中直接修改。因此你可能会遇到下面的几个风格：
- "standard" theme - theme/standard/styles.php
- "parent" theme - theme/parenttheme/styles.php
- "main" theme - theme/yourtheme/styles.php由于CSS有这样一个特性：后面定义的页面风格会覆盖掉以前页面风格，这样使得Moodle主题开发变得更加容易。
基于standard theme(标准主题风格)的修改
图一
standard theme中包括了四个CSS主题文件，styles_fonts.css ,styles_color.css,styles_layout.css,styles_moz.css。另外有还有其他文件，如图：
图二
1、微调一(使用"gradients.css" +"standardwhite"的四个CSS文件)
如果只是想对一个主题风格进行很小的改动，例如使用不同的颜色或者添加一个logo，在新建立的主题风格"standardwhite" 中将包含"standard"主题，然后在一个主题文件夹中定义一个新的CSS文件。
看看这个例子，名字为 "standardwhite" 的主题风格是如何建立的。
"standardwhite" 使用"config.php" 来设置合适的选项。其中第一个条目
$THEME->sheets = array('gradients');
定义了一个名为"gradients" 的名称，这个 "gradients.css" 文件是额外定义的CSS文件。同时指定了
$THEME->standardsheets = true;
这表明包含了standard主题风格中的所有风格，而不是基于 "standard"主题风格。
下面是已经完成的"standardwhite"风格的文件夹。
图三
相比之下这个主题风格文件夹中就少了很多文件，包括少了几个css文件。
图四
从图四可以看出，"standardwhite"不仅使用“standard”中的所有CSS风格，而且使用自己定义的"gradients.css"文件。
2、微调二（使用“standard”的layout+自定义的fw_layout.css、fw_fonts.css、fw_color.css）前面一个例子中讲到的从“standard”中继承了四个CSS风格，同时引入了新的“gradients.css”风格。这个例子中我们要新建一个主题风格“formal_white”，该主题风格要求不仅从“standard”继承它的layout风格，同时自己定义了fw_layout、fw_fonts、fw_color三个CSS文件。如图五所示：
图五
这样就可以通过修改主题风格中config.php文件来指定对应的条目
$THEME->sheets = array('fw_layout','fw_color','fw_fonts'); $THEME->standardsheets = array('styles_layout');
