Enhance the operation of GNOME Shell LookingGlass

The goal of this project is to extend LookingGlass, GNOME Shell's debugging console, in order to provide css support. In specific, the user will be able to view and edit an element's CSS rules. This feature will enable managing an element's design (appearance), independently from its JavaScript functionality, and will hopefully be a user-friendly tool for designers to experiment on the look and feel of GNOME widgets.

Tasks

  • Add a tab, called Css File, where the gnome-shell.css file can be viewed.

css_file_tab.png

  • Add CSS information for the inspection tool of LookingGlass.

panel-button-pressed.png

  • Change a widget's CSS on the fly, save the changes made in case the user wants to use them.
    • Shift+E allows editing the text in the bubble, Shift+R restores the original theme and the
    • changes made in the last session can be found in test-css.css file saved in the same directory
    • as the gnome-shell.css file.

edit-activities-button.png

  • Integration with gedit
    • Not Implemented...yet :)

Code

Additional Info

Outreach/SummerOfCode/2010/ChristinaBoumpouka_Shell (last edited 2013-12-03 18:33:12 by WilliamJonMcCann)